diff --git a/app/assets/stylesheets/common/components/bookmark-modal.scss b/app/assets/stylesheets/common/components/bookmark-modal.scss
index daad95285aa..14f91f70c33 100644
--- a/app/assets/stylesheets/common/components/bookmark-modal.scss
+++ b/app/assets/stylesheets/common/components/bookmark-modal.scss
@@ -4,7 +4,7 @@
   }
   .modal-body {
     max-width: 410px;
-    min-width: 380px;
+    width: 100%;
     box-sizing: border-box;
 
     .control-label {
diff --git a/app/assets/stylesheets/common/components/tap-tile.scss b/app/assets/stylesheets/common/components/tap-tile.scss
index d7259710e13..6f71643cd1b 100644
--- a/app/assets/stylesheets/common/components/tap-tile.scss
+++ b/app/assets/stylesheets/common/components/tap-tile.scss
@@ -19,6 +19,10 @@
     font-size: $font-down-2;
     cursor: pointer;
 
+    @media screen and (max-width: 360px) {
+      width: $tile-width - 10;
+    }
+
     &:hover {
       background-color: $tertiary-low;
     }