diff --git a/src/components/MenuItem/MenuItemIcon.tsx b/src/components/MenuItem/MenuItemIcon.tsx
index 5518b8ca..355d3605 100644
--- a/src/components/MenuItem/MenuItemIcon.tsx
+++ b/src/components/MenuItem/MenuItemIcon.tsx
@@ -69,7 +69,7 @@ export const MenuItemIcon = ({
   )
 
   return (
-    <View style={styles.container}>
+    <View style={styles.container(style)}>
       <View>
         <SvgUniversal source={Icon} {...style} />
         {badgeSeverity ? (
@@ -87,7 +87,9 @@ export const MenuItemIcon = ({
 }
 
 const styles = StyleSheet.create(() => ({
-  container: { justifyContent: 'center', position: 'relative' },
+  container: ({ width, height }: MenuItemIconStyle) => {
+    return { justifyContent: 'center', position: 'relative', width, height }
+  },
 
   badge: { position: 'absolute' },
 }))
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 bc4546e9..0f47173b 100644
--- a/src/components/MenuItem/Template/__tests__/__snapshots__/MenuItemTemplate.test.tsx.snap
+++ b/src/components/MenuItem/Template/__tests__/__snapshots__/MenuItemTemplate.test.tsx.snap
@@ -84,8 +84,10 @@ exports[`MenuItemTemplate tests MenuItemTemplate full disabled 1`] = `
         <View
           style={
             {
+              "height": 17.5,
               "justifyContent": "center",
               "position": "relative",
+              "width": 17.5,
             }
           }
         >
@@ -1026,8 +1028,10 @@ exports[`MenuItemTemplate tests MenuItemTemplate with colored icon 1`] = `
         <View
           style={
             {
+              "height": 17.5,
               "justifyContent": "center",
               "position": "relative",
+              "width": 17.5,
             }
           }
         >
@@ -1465,8 +1469,10 @@ exports[`MenuItemTemplate tests MenuItemTemplate with icon 1`] = `
         <View
           style={
             {
+              "height": 17.5,
               "justifyContent": "center",
               "position": "relative",
+              "width": 17.5,
             }
           }
         >
@@ -1693,8 +1699,10 @@ exports[`MenuItemTemplate tests MenuItemTemplate with icon and badge 1`] = `
         <View
           style={
             {
+              "height": 17.5,
               "justifyContent": "center",
               "position": "relative",
+              "width": 17.5,
             }
           }
         >