diff --git a/src/components/Badge.js b/src/components/Badge.js
index afeec5a..fc40f4d 100644
--- a/src/components/Badge.js
+++ b/src/components/Badge.js
@@ -112,5 +112,6 @@ const styles = StyleSheet.create({
     textAlign: 'center',
     textAlignVertical: 'center',
     paddingHorizontal: 4,
+    overflow: 'hidden',
   },
 });
diff --git a/src/components/__tests__/__snapshots__/Badge.test.js.snap b/src/components/__tests__/__snapshots__/Badge.test.js.snap
index b0ec628..44b46ce 100644
--- a/src/components/__tests__/__snapshots__/Badge.test.js.snap
+++ b/src/components/__tests__/__snapshots__/Badge.test.js.snap
@@ -15,6 +15,7 @@ exports[`renders badge 1`] = `
       "lineHeight": 20,
       "minWidth": 20,
       "opacity": 1,
+      "overflow": "hidden",
       "paddingHorizontal": 4,
       "textAlign": "center",
       "textAlignVertical": "center",
@@ -38,6 +39,7 @@ exports[`renders badge as hidden 1`] = `
       "lineHeight": 12,
       "minWidth": 12,
       "opacity": 0,
+      "overflow": "hidden",
       "paddingHorizontal": 4,
       "textAlign": "center",
       "textAlignVertical": "center",
@@ -63,6 +65,7 @@ exports[`renders badge in different color 1`] = `
       "lineHeight": 20,
       "minWidth": 20,
       "opacity": 1,
+      "overflow": "hidden",
       "paddingHorizontal": 4,
       "textAlign": "center",
       "textAlignVertical": "center",
@@ -88,6 +91,7 @@ exports[`renders badge in different size 1`] = `
       "lineHeight": 12,
       "minWidth": 12,
       "opacity": 1,
+      "overflow": "hidden",
       "paddingHorizontal": 4,
       "textAlign": "center",
       "textAlignVertical": "center",
@@ -113,6 +117,7 @@ exports[`renders badge with content 1`] = `
       "lineHeight": 20,
       "minWidth": 20,
       "opacity": 1,
+      "overflow": "hidden",
       "paddingHorizontal": 4,
       "textAlign": "center",
       "textAlignVertical": "center",
diff --git a/src/components/__tests__/__snapshots__/BottomNavigation.test.js.snap b/src/components/__tests__/__snapshots__/BottomNavigation.test.js.snap
index eaa385a..62bdac8 100644
--- a/src/components/__tests__/__snapshots__/BottomNavigation.test.js.snap
+++ b/src/components/__tests__/__snapshots__/BottomNavigation.test.js.snap
@@ -270,6 +270,7 @@ exports[`hides labels in non-shifting bottom navigation 1`] = `
                       "lineHeight": 16,
                       "minWidth": 16,
                       "opacity": 0,
+                      "overflow": "hidden",
                       "paddingHorizontal": 4,
                       "textAlign": "center",
                       "textAlignVertical": "center",
@@ -454,6 +455,7 @@ exports[`hides labels in non-shifting bottom navigation 1`] = `
                       "lineHeight": 16,
                       "minWidth": 16,
                       "opacity": 0,
+                      "overflow": "hidden",
                       "paddingHorizontal": 4,
                       "textAlign": "center",
                       "textAlignVertical": "center",
@@ -638,6 +640,7 @@ exports[`hides labels in non-shifting bottom navigation 1`] = `
                       "lineHeight": 16,
                       "minWidth": 16,
                       "opacity": 0,
+                      "overflow": "hidden",
                       "paddingHorizontal": 4,
                       "textAlign": "center",
                       "textAlignVertical": "center",
@@ -952,6 +955,7 @@ exports[`hides labels in shifting bottom navigation 1`] = `
                       "lineHeight": 16,
                       "minWidth": 16,
                       "opacity": 0,
+                      "overflow": "hidden",
                       "paddingHorizontal": 4,
                       "textAlign": "center",
                       "textAlignVertical": "center",
@@ -1136,6 +1140,7 @@ exports[`hides labels in shifting bottom navigation 1`] = `
                       "lineHeight": 16,
                       "minWidth": 16,
                       "opacity": 0,
+                      "overflow": "hidden",
                       "paddingHorizontal": 4,
                       "textAlign": "center",
                       "textAlignVertical": "center",
@@ -1320,6 +1325,7 @@ exports[`hides labels in shifting bottom navigation 1`] = `
                       "lineHeight": 16,
                       "minWidth": 16,
                       "opacity": 0,
+                      "overflow": "hidden",
                       "paddingHorizontal": 4,
                       "textAlign": "center",
                       "textAlignVertical": "center",
@@ -1556,6 +1562,7 @@ exports[`renders custom icon and label in non-shifting bottom navigation 1`] = `
                       "lineHeight": 16,
                       "minWidth": 16,
                       "opacity": 0,
+                      "overflow": "hidden",
                       "paddingHorizontal": 4,
                       "textAlign": "center",
                       "textAlignVertical": "center",
@@ -1720,6 +1727,7 @@ exports[`renders custom icon and label in non-shifting bottom navigation 1`] = `
                       "lineHeight": 16,
                       "minWidth": 16,
                       "opacity": 0,
+                      "overflow": "hidden",
                       "paddingHorizontal": 4,
                       "textAlign": "center",
                       "textAlignVertical": "center",
@@ -1884,6 +1892,7 @@ exports[`renders custom icon and label in non-shifting bottom navigation 1`] = `
                       "lineHeight": 16,
                       "minWidth": 16,
                       "opacity": 0,
+                      "overflow": "hidden",
                       "paddingHorizontal": 4,
                       "textAlign": "center",
                       "textAlignVertical": "center",
@@ -2178,6 +2187,7 @@ exports[`renders custom icon and label in shifting bottom navigation 1`] = `
                       "lineHeight": 16,
                       "minWidth": 16,
                       "opacity": 0,
+                      "overflow": "hidden",
                       "paddingHorizontal": 4,
                       "textAlign": "center",
                       "textAlignVertical": "center",
@@ -2326,6 +2336,7 @@ exports[`renders custom icon and label in shifting bottom navigation 1`] = `
                       "lineHeight": 16,
                       "minWidth": 16,
                       "opacity": 0,
+                      "overflow": "hidden",
                       "paddingHorizontal": 4,
                       "textAlign": "center",
                       "textAlignVertical": "center",
@@ -2474,6 +2485,7 @@ exports[`renders custom icon and label in shifting bottom navigation 1`] = `
                       "lineHeight": 16,
                       "minWidth": 16,
                       "opacity": 0,
+                      "overflow": "hidden",
                       "paddingHorizontal": 4,
                       "textAlign": "center",
                       "textAlignVertical": "center",
@@ -2622,6 +2634,7 @@ exports[`renders custom icon and label in shifting bottom navigation 1`] = `
                       "lineHeight": 16,
                       "minWidth": 16,
                       "opacity": 0,
+                      "overflow": "hidden",
                       "paddingHorizontal": 4,
                       "textAlign": "center",
                       "textAlignVertical": "center",
@@ -2770,6 +2783,7 @@ exports[`renders custom icon and label in shifting bottom navigation 1`] = `
                       "lineHeight": 16,
                       "minWidth": 16,
                       "opacity": 0,
+                      "overflow": "hidden",
                       "paddingHorizontal": 4,
                       "textAlign": "center",
                       "textAlignVertical": "center",
@@ -3086,6 +3100,7 @@ exports[`renders custom icon and label with custom colors in non-shifting bottom
                       "lineHeight": 16,
                       "minWidth": 16,
                       "opacity": 0,
+                      "overflow": "hidden",
                       "paddingHorizontal": 4,
                       "textAlign": "center",
                       "textAlignVertical": "center",
@@ -3342,6 +3357,7 @@ exports[`renders custom icon and label with custom colors in non-shifting bottom
                       "lineHeight": 16,
                       "minWidth": 16,
                       "opacity": 0,
+                      "overflow": "hidden",
                       "paddingHorizontal": 4,
                       "textAlign": "center",
                       "textAlignVertical": "center",
@@ -3598,6 +3614,7 @@ exports[`renders custom icon and label with custom colors in non-shifting bottom
                       "lineHeight": 16,
                       "minWidth": 16,
                       "opacity": 0,
+                      "overflow": "hidden",
                       "paddingHorizontal": 4,
                       "textAlign": "center",
                       "textAlignVertical": "center",
@@ -3984,6 +4001,7 @@ exports[`renders custom icon and label with custom colors in shifting bottom nav
                       "lineHeight": 16,
                       "minWidth": 16,
                       "opacity": 0,
+                      "overflow": "hidden",
                       "paddingHorizontal": 4,
                       "textAlign": "center",
                       "textAlignVertical": "center",
@@ -4207,6 +4225,7 @@ exports[`renders custom icon and label with custom colors in shifting bottom nav
                       "lineHeight": 16,
                       "minWidth": 16,
                       "opacity": 0,
+                      "overflow": "hidden",
                       "paddingHorizontal": 4,
                       "textAlign": "center",
                       "textAlignVertical": "center",
@@ -4430,6 +4449,7 @@ exports[`renders custom icon and label with custom colors in shifting bottom nav
                       "lineHeight": 16,
                       "minWidth": 16,
                       "opacity": 0,
+                      "overflow": "hidden",
                       "paddingHorizontal": 4,
                       "textAlign": "center",
                       "textAlignVertical": "center",
@@ -4763,6 +4783,7 @@ exports[`renders non-shifting bottom navigation 1`] = `
                       "lineHeight": 16,
                       "minWidth": 16,
                       "opacity": 0,
+                      "overflow": "hidden",
                       "paddingHorizontal": 4,
                       "textAlign": "center",
                       "textAlignVertical": "center",
@@ -5019,6 +5040,7 @@ exports[`renders non-shifting bottom navigation 1`] = `
                       "lineHeight": 16,
                       "minWidth": 16,
                       "opacity": 0,
+                      "overflow": "hidden",
                       "paddingHorizontal": 4,
                       "textAlign": "center",
                       "textAlignVertical": "center",
@@ -5275,6 +5297,7 @@ exports[`renders non-shifting bottom navigation 1`] = `
                       "lineHeight": 16,
                       "minWidth": 16,
                       "opacity": 0,
+                      "overflow": "hidden",
                       "paddingHorizontal": 4,
                       "textAlign": "center",
                       "textAlignVertical": "center",
@@ -5661,6 +5684,7 @@ exports[`renders shifting bottom navigation 1`] = `
                       "lineHeight": 16,
                       "minWidth": 16,
                       "opacity": 0,
+                      "overflow": "hidden",
                       "paddingHorizontal": 4,
                       "textAlign": "center",
                       "textAlignVertical": "center",
@@ -5884,6 +5908,7 @@ exports[`renders shifting bottom navigation 1`] = `
                       "lineHeight": 16,
                       "minWidth": 16,
                       "opacity": 0,
+                      "overflow": "hidden",
                       "paddingHorizontal": 4,
                       "textAlign": "center",
                       "textAlignVertical": "center",
@@ -6107,6 +6132,7 @@ exports[`renders shifting bottom navigation 1`] = `
                       "lineHeight": 16,
                       "minWidth": 16,
                       "opacity": 0,
+                      "overflow": "hidden",
                       "paddingHorizontal": 4,
                       "textAlign": "center",
                       "textAlignVertical": "center",
@@ -6330,6 +6356,7 @@ exports[`renders shifting bottom navigation 1`] = `
                       "lineHeight": 16,
                       "minWidth": 16,
                       "opacity": 0,
+                      "overflow": "hidden",
                       "paddingHorizontal": 4,
                       "textAlign": "center",
                       "textAlignVertical": "center",
@@ -6553,6 +6580,7 @@ exports[`renders shifting bottom navigation 1`] = `
                       "lineHeight": 16,
                       "minWidth": 16,
                       "opacity": 0,
+                      "overflow": "hidden",
                       "paddingHorizontal": 4,
                       "textAlign": "center",
                       "textAlignVertical": "center",