diff --git a/src/components/SongNav.vue b/src/components/SongNav.vue
index b3ca494..ada8425 100644
--- a/src/components/SongNav.vue
+++ b/src/components/SongNav.vue
@@ -89,4 +89,16 @@ const theme = inject('songTheme')
   color: var(--song-primary);
   border-color: var(--song-primary);
 }
+
+@media (max-width: 640px) {
+  .song-nav {
+    gap: var(--song-space-4);
+    padding: 0 var(--song-space-4);
+    overflow-x: auto;
+    white-space: nowrap;
+  }
+  .song-nav__item + .song-nav__item::before {
+    left: calc(-1 * var(--song-space-2));
+  }
+}
 </style>
\ No newline at end of file
diff --git a/src/components/SongTable.vue b/src/components/SongTable.vue
index 40bd014..aacb4b8 100644
--- a/src/components/SongTable.vue
+++ b/src/components/SongTable.vue
@@ -56,4 +56,12 @@ defineOptions({ name: 'SongTable' })
 .song-table__alt {
   background: rgba(58, 74, 82, 0.025);
 }
+
+@media (max-width: 640px) {
+  .song-table {
+    display: block;
+    overflow-x: auto;
+    white-space: nowrap;
+  }
+}
 </style>
\ No newline at end of file