From 8bd77d2ab9905ff70da6f25c57a17e30207f1b8a Mon Sep 17 00:00:00 2001
From: Mirved64 <medmixal@yahoo.com>
Date: Mon, 7 Aug 2023 21:27:14 +0400
Subject: [PATCH] fix: add width to wrapper of Layout, Divider and Layout
 elements in Item component

---
 .../landing-technologies/src/item/item.component.tsx | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/landing/fragments/landing-technologies/src/item/item.component.tsx b/landing/fragments/landing-technologies/src/item/item.component.tsx
index 21317e38..887371f4 100644
--- 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>
 )