fix: add width to wrapper of Layout, Divider and Layout elements in I…

…tem component
atls-academy · Aug 7, 2023 · 8bd77d2 · 8bd77d2
1 parent 6bd8405
commit 8bd77d2
Showing 1 changed file with 7 additions and 5 deletions.
diff --git a/landing/fragments/landing-technologies/src/item/item.component.tsx b/landing/fragments/landing-technologies/src/item/item.component.tsx
@@ -24,12 +24,14 @@ export const Item: FC<TechnologyProps> = ({ technologyName, divider, font = 'pri
       </Text>
     </Box>
 
-    <Layout flexBasis={[12, 24]} flexShrink='0' />
+    <Box width={[51, 96]}>
+      <Layout flexBasis={[12, 24]} flexShrink='0' />
 
-    <Box width={[27, 48]} alignItems='center' flexShrink='0'>
-      <Divider backgroundColor='divider.white' weight={divider} />
-    </Box>
+      <Box width={[27, 48]} alignItems='center' flexShrink='0'>
+        <Divider backgroundColor='divider.white' weight={divider} />
+      </Box>
 
-    <Layout flexBasis={[12, 24]} flexShrink='0' />
+      <Layout flexBasis={[12, 24]} flexShrink='0' />
+    </Box>
   </Box>
 )