aboutsummaryrefslogtreecommitdiffstats
path: root/packages/dev-tools-pages/ts/components/Trace.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'packages/dev-tools-pages/ts/components/Trace.tsx')
-rw-r--r--packages/dev-tools-pages/ts/components/Trace.tsx12
1 files changed, 8 insertions, 4 deletions
diff --git a/packages/dev-tools-pages/ts/components/Trace.tsx b/packages/dev-tools-pages/ts/components/Trace.tsx
index 0fbf27c5d..30fdb7066 100644
--- a/packages/dev-tools-pages/ts/components/Trace.tsx
+++ b/packages/dev-tools-pages/ts/components/Trace.tsx
@@ -39,7 +39,7 @@ function Trace(props: Props) {
completely in the dark about its exact location.
</p>
</Copy>
- <NoLocation />
+ <Icon as={NoLocation} />
</Item>
<Item>
@@ -50,7 +50,7 @@ function Trace(props: Props) {
the failing line of code quickly becomes a daunting task.
</p>
</Copy>
- <TimeConsuming />
+ <Icon as={TimeConsuming} />
</Item>
</List>
</Block>
@@ -72,7 +72,7 @@ function Trace(props: Props) {
from.
</p>
</Copy>
- <ExactLocation />
+ <Icon as={ExactLocation} />
</Item>
<Item>
@@ -83,7 +83,7 @@ function Trace(props: Props) {
on linen X of contract Y", it drastically improves the developer experience.
</p>
</Copy>
- <TimeSaving />
+ <Icon as={TimeSaving} />
</Item>
</List>
</Block>
@@ -189,4 +189,8 @@ const Copy = styled.div`
${media.small`margin-right: 2.0625rem;`};
`;
+const Icon = styled.div`
+ flex-shrink: 0;
+`;
+
export default withContext(Trace);