diff --git a/src/components/MenuItem/Template/MenuItemTemplate.tsx b/src/components/MenuItem/Template/MenuItemTemplate.tsx
index 0337a9d1..33eb7f42 100644
--- a/src/components/MenuItem/Template/MenuItemTemplate.tsx
+++ b/src/components/MenuItem/Template/MenuItemTemplate.tsx
@@ -163,7 +163,7 @@ const useStyles = makeStyles(({ theme, spacing, typography, border }) => ({
   templateContainer: {
     flexDirection: 'row',
     gap: spacing.Gap['gap-2'],
-    flexGrow: 1,
+    flex: 1,
   },
   icon: {
     width: typography.Size['text-xl'],
diff --git a/src/components/MenuItem/Template/__tests__/__snapshots__/MenuItemTemplate.test.tsx.snap b/src/components/MenuItem/Template/__tests__/__snapshots__/MenuItemTemplate.test.tsx.snap
index 22cda78b..aaf7cd71 100644
--- a/src/components/MenuItem/Template/__tests__/__snapshots__/MenuItemTemplate.test.tsx.snap
+++ b/src/components/MenuItem/Template/__tests__/__snapshots__/MenuItemTemplate.test.tsx.snap
@@ -75,8 +75,8 @@ exports[`MenuItemTemplate tests MenuItemTemplate full disabled 1`] = `
       <View
         style={
           {
+            "flex": 1,
             "flexDirection": "row",
-            "flexGrow": 1,
             "gap": 7,
           }
         }
@@ -579,8 +579,8 @@ exports[`MenuItemTemplate tests MenuItemTemplate minimal config 1`] = `
       <View
         style={
           {
+            "flex": 1,
             "flexDirection": "row",
-            "flexGrow": 1,
             "gap": 7,
           }
         }
@@ -777,8 +777,8 @@ exports[`MenuItemTemplate tests MenuItemTemplate prefix,suffix = right 1`] = `
       <View
         style={
           {
+            "flex": 1,
             "flexDirection": "row",
-            "flexGrow": 1,
             "gap": 7,
           }
         }
@@ -995,8 +995,8 @@ exports[`MenuItemTemplate tests MenuItemTemplate with colored icon 1`] = `
       <View
         style={
           {
+            "flex": 1,
             "flexDirection": "row",
-            "flexGrow": 1,
             "gap": 7,
           }
         }
@@ -1219,8 +1219,8 @@ exports[`MenuItemTemplate tests MenuItemTemplate with extra 1`] = `
       <View
         style={
           {
+            "flex": 1,
             "flexDirection": "row",
-            "flexGrow": 1,
             "gap": 7,
           }
         }
@@ -1426,8 +1426,8 @@ exports[`MenuItemTemplate tests MenuItemTemplate with icon 1`] = `
       <View
         style={
           {
+            "flex": 1,
             "flexDirection": "row",
-            "flexGrow": 1,
             "gap": 7,
           }
         }
@@ -1650,8 +1650,8 @@ exports[`MenuItemTemplate tests MenuItemTemplate with icon and badge 1`] = `
       <View
         style={
           {
+            "flex": 1,
             "flexDirection": "row",
-            "flexGrow": 1,
             "gap": 7,
           }
         }
@@ -1908,8 +1908,8 @@ exports[`MenuItemTemplate tests MenuItemTemplate with padding 1`] = `
       <View
         style={
           {
+            "flex": 1,
             "flexDirection": "row",
-            "flexGrow": 1,
             "gap": 7,
           }
         }
@@ -2025,8 +2025,8 @@ exports[`MenuItemTemplate tests MenuItemTemplate with separator 1`] = `
       <View
         style={
           {
+            "flex": 1,
             "flexDirection": "row",
-            "flexGrow": 1,
             "gap": 7,
           }
         }