From abd6df72c6493088daba38bfc60969c1a7edb948 Mon Sep 17 00:00:00 2001
From: George Marshall <george.marshall@consensys.net>
Date: Tue, 2 May 2023 07:50:37 -0700
Subject: [PATCH] Improving code formatting in component-library readme
 (#18910)

---
 ui/components/component-library/README.md | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/ui/components/component-library/README.md b/ui/components/component-library/README.md
index 8c3c27f74..3565bf664 100644
--- a/ui/components/component-library/README.md
+++ b/ui/components/component-library/README.md
@@ -10,22 +10,22 @@ All components are built on top of the `Box` component and accept all `Box` [com
 
 `component-library` components accept all utility props for layout
 
-```
-import { Text } from '../../component-library'
+```jsx
+import { Text } from '../../component-library';
 
-<Text marginBottom={4}>This text has a margin-bottom of 16px</Text>
+<Text marginBottom={4}>This text has a margin-bottom of 16px</Text>;
 ```
 
 #### Polymorphic `as` prop
 
 `component-library` components accept a polymorphic as prop to change the root html element of a component
 
-```
-import { Text } from '../../component-library'
+```jsx
+import { Text } from '../../component-library';
 
 <ul>
-<Text as="li">This renders as list item html element</Text>
-</ul>
+  <Text as="li">This renders as list item html element</Text>
+</ul>;
 ```
 
 ## TypeScript