diff --git a/src/components/GameBoard/ListAddModal.vue b/src/components/GameBoard/ListAddModal.vue
index 200be30f..c8f67a51 100644
--- a/src/components/GameBoard/ListAddModal.vue
+++ b/src/components/GameBoard/ListAddModal.vue
@@ -1,5 +1,6 @@
 <template lang="html">
   <modal
+    class="listAddButton"
     ref="listAddModal"
     :title="title"
     @open="open"
@@ -141,6 +142,10 @@ export default {
 <style lang="scss" rel="stylesheet/scss" scoped>
   @import "src/styles/styles.scss";
 
+  .listAddButton {
+    scroll-snap-align: center;
+  }
+
   .add-list-button {
     margin-right: $gp;
   }
diff --git a/src/components/Lists/List.vue b/src/components/Lists/List.vue
index b9f6acc9..deb757a6 100644
--- a/src/components/Lists/List.vue
+++ b/src/components/Lists/List.vue
@@ -266,6 +266,10 @@ export default {
       display: grid;
     }
 
+    @media($small) {
+      scroll-snap-align: center;
+    }
+
     &.unique {
       @media($small) {
         width: calc(100vw - 80px);
diff --git a/src/pages/GameBoard.vue b/src/pages/GameBoard.vue
index 3ee0cfad..9aa657fe 100755
--- a/src/pages/GameBoard.vue
+++ b/src/pages/GameBoard.vue
@@ -147,6 +147,10 @@ export default {
   overflow-x: auto;
   overflow-x: overlay;
   display: flex;
+
+  @media($small) {
+    scroll-snap-type: y mandatory;
+  }
 }
 
 .list-placeholder {