diff options
-rw-r--r-- | packages/dev-tools-pages/ts/components/Trace.tsx | 12 |
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); |