diff --git a/src/components/GameBoard/ListAddModal.vue b/src/components/GameBoard/ListAddModal.vue
index 5eb62765..32353a97 100644
--- a/src/components/GameBoard/ListAddModal.vue
+++ b/src/components/GameBoard/ListAddModal.vue
@@ -1,6 +1,5 @@
 <template lang="html">
   <modal
-    class="listAddButton"
     ref="listAddModal"
     :title="title"
     @open="open"
@@ -150,10 +149,6 @@ 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 f3323068..88800d6c 100644
--- a/src/components/Lists/List.vue
+++ b/src/components/Lists/List.vue
@@ -313,10 +313,6 @@ export default {
         justify-content: center;
         border: 1px dashed #a5a2a2;
       }
-
-      @media($small) {
-        scroll-snap-align: center;
-      }
     }
 
     &.grid {
diff --git a/src/pages/GameBoard.vue b/src/pages/GameBoard.vue
index 9783f09a..62005cca 100755
--- a/src/pages/GameBoard.vue
+++ b/src/pages/GameBoard.vue
@@ -149,7 +149,14 @@ export default {
   display: flex;
 
   @media($small) {
+    scroll-snap-type: mandatory;
+    scroll-snap-points-x: repeat(300px);
     scroll-snap-type: x mandatory;
+    scroll-padding: $gp;
+
+    .list {
+      scroll-snap-align: center;
+    }
   }
 }