diff --git a/app/components/show_more_button/__snapshots__/show_more_button.test.js.snap b/app/components/show_more_button/__snapshots__/show_more_button.test.js.snap
index 283dae457..f355fdfac 100644
--- a/app/components/show_more_button/__snapshots__/show_more_button.test.js.snap
+++ b/app/components/show_more_button/__snapshots__/show_more_button.test.js.snap
@@ -100,6 +100,7 @@ ShallowWrapper {
               "flex": 1,
               "flexDirection": "row",
               "justifyContent": "center",
+              "marginBottom": 10,
               "position": "relative",
               "top": 10,
             }
@@ -291,6 +292,7 @@ ShallowWrapper {
             "flex": 1,
             "flexDirection": "row",
             "justifyContent": "center",
+            "marginBottom": 10,
             "position": "relative",
             "top": 10,
           },
@@ -510,6 +512,7 @@ ShallowWrapper {
                 "flex": 1,
                 "flexDirection": "row",
                 "justifyContent": "center",
+                "marginBottom": 10,
                 "position": "relative",
                 "top": 10,
               }
@@ -701,6 +704,7 @@ ShallowWrapper {
               "flex": 1,
               "flexDirection": "row",
               "justifyContent": "center",
+              "marginBottom": 10,
               "position": "relative",
               "top": 10,
             },
diff --git a/app/components/show_more_button/show_more_button.js b/app/components/show_more_button/show_more_button.js
index 48e783378..4811e9259 100644
--- a/app/components/show_more_button/show_more_button.js
+++ b/app/components/show_more_button/show_more_button.js
@@ -101,6 +101,7 @@ const getStyleSheet = makeStyleSheetFromTheme((theme, showMore) => {
             flexDirection: 'row',
             position: 'relative',
             top: showMore ? -7.5 : 10,
+            marginBottom: 10,
         },
         dividerLeft: {
             backgroundColor: changeOpacity(theme.centerChannelColor, 0.2),