diff --git a/client/src/App.vue b/client/src/App.vue
index 461e62b..c2fb841 100644
--- a/client/src/App.vue
+++ b/client/src/App.vue
@@ -123,3 +123,9 @@ export default defineComponent({
     </v-main>
   </v-app>
 </template>
+
+<style >
+html {
+  overflow-y:hidden;
+}
+</style>
\ No newline at end of file
diff --git a/client/src/components/AnnotationList.vue b/client/src/components/AnnotationList.vue
index a814662..4760198 100644
--- a/client/src/components/AnnotationList.vue
+++ b/client/src/components/AnnotationList.vue
@@ -64,7 +64,10 @@ export default defineComponent({
 </script>
 
 <template>
-  <v-card class="pa-0 ma-0">
+  <v-card
+    class="pa-0 ma-0"
+    :class="{'annotation-list': ['pulse','sequence'].includes(tab),'recording-list': !['pulse','sequence'].includes(tab)}"
+  >
     <v-card-title>
       <v-row dense>
         <v-tabs
@@ -237,4 +240,13 @@ export default defineComponent({
 .selected {
     background-color: cyan;
 }
+.annotation-list {
+  max-height: 60vh;
+  overflow-y: auto;
+}
+.recording-list {
+  max-height: 85vh;
+  overflow-y: auto;
+}
+
 </style>
diff --git a/client/src/components/RecordingList.vue b/client/src/components/RecordingList.vue
index b8d5433..928806e 100644
--- a/client/src/components/RecordingList.vue
+++ b/client/src/components/RecordingList.vue
@@ -47,53 +47,43 @@ export default defineComponent({
     <v-expansion-panel>
       <v-expansion-panel-title>My Recordings</v-expansion-panel-title>
       <v-expansion-panel-text>
-        <div>
-          <v-row
-            dense
-            class="text-center"
-          >
-            <v-col class="text-left">
-              <b>Name</b>
-            </v-col>
-            <v-col><b>Public</b></v-col>
-            <v-col><b>Annotations</b></v-col>
-          </v-row>
-        </div>
         <div
           v-for="item in recordingList"
           :key="`public_${item.id}`"
         >
-          <v-row
-            dense
-            class="text-center"
-          >
-            <v-col class="text-left">
-              <router-link
-                :to="`/recording/${item.id.toString()}/spectrogram`"
-              >
-                {{ item.name }}
-              </router-link>
-            </v-col>
-            <v-col>
-              <v-icon
-                v-if="item.public"
-                color="success"
-              >
-                mdi-check
-              </v-icon>
-              <v-icon
-                v-else
-                color="error"
-              >
-                mdi-close
-              </v-icon>
-            </v-col>
-            <v-col>
-              <div>
-                {{ item.userAnnotations }}
-              </div>
-            </v-col>
-          </v-row>
+          <v-card class="pa-2 my-2">
+            <v-row dense>
+              <v-col class="text-left">
+                <b>Name:</b><router-link
+                  :to="`/recording/${item.id.toString()}/spectrogram`"
+                >
+                  {{ item.name }}
+                </router-link>
+              </v-col>
+            </v-row>
+            <v-row dense>
+              <v-col>
+                <b>Public:</b>
+                <v-icon
+                  v-if="item.public"
+                  color="success"
+                >
+                  mdi-check
+                </v-icon>
+                <v-icon
+                  v-else
+                  color="error"
+                >
+                  mdi-close
+                </v-icon>
+              </v-col>
+              <v-col>
+                <div>
+                  <b class="pr-1">Annotations:</b>{{ item.userAnnotations }}
+                </div>
+              </v-col>
+            </v-row>
+          </v-card>
         </div>
       </v-expansion-panel-text>
     </v-expansion-panel>
@@ -105,55 +95,48 @@ export default defineComponent({
           label="Filter Annotated"
           dense
         />
-        <div>
-          <v-row
-            dense
-            class="text-center"
-          >
-            <v-col class="text-left">
-              <b>Name</b>
-            </v-col>
-            <v-col><b>Owner</b></v-col>
-            <v-col><b>Annotated</b></v-col>
-          </v-row>
-        </div>
         <div
           v-for="item in modifiedList"
           :key="`public_${item.id}`"
         >
-          <v-row
-            dense
-            class="text-center"
-          >
-            <v-col class="text-left">
-              <router-link
-                :to="`/recording/${item.id.toString()}/spectrogram`"
-              >
-                {{ item.name }}
-              </router-link>
-            </v-col>
-            <v-col>
-              <div style="font-size:0.75em">
-                {{ item.owner_username }}
-              </div>
-            </v-col>
-            <v-col>
-              <div>
-                <v-icon
-                  v-if="item.userMadeAnnotations"
-                  color="success"
-                >
-                  mdi-check
-                </v-icon>
-                <v-icon
-                  v-else
-                  color="error"
+          <v-card class="pa-2 my-2">
+            <v-row dense>
+              <v-col class="text-left">
+                <b class="pr-1">Name:</b>
+                <router-link
+                  :to="`/recording/${item.id.toString()}/spectrogram`"
                 >
-                  mdi-close
-                </v-icon>
-              </div>
-            </v-col>
-          </v-row>
+                  {{ item.name }}
+                </router-link>
+              </v-col>
+            </v-row>
+            <v-row dense>
+              <v-col>
+                <div style="font-size:0.75em">
+                  <b>Owner:</b> {{ item.owner_username }}
+                </div>
+              </v-col>
+            </v-row>
+            <v-row dense>
+              <v-col>
+                <div>
+                  <b>Annotated:</b>
+                  <v-icon
+                    v-if="item.userMadeAnnotations"
+                    color="success"
+                  >
+                    mdi-check
+                  </v-icon>
+                  <v-icon
+                    v-else
+                    color="error"
+                  >
+                    mdi-close
+                  </v-icon>
+                </div>
+              </v-col>
+            </v-row>
+          </v-card>
         </div>
       </v-expansion-panel-text>
     </v-expansion-panel>
diff --git a/client/src/views/Spectrogram.vue b/client/src/views/Spectrogram.vue
index 62c1624..670083c 100644
--- a/client/src/views/Spectrogram.vue
+++ b/client/src/views/Spectrogram.vue
@@ -376,7 +376,6 @@ export default defineComponent({
       <annotation-list
         :annotations="annotations"
         :temporal-annotations="temporalAnnotations"
-        class="annotation-list"
         @select="processSelection($event)"
       />
       <annotation-editor
@@ -396,11 +395,7 @@ export default defineComponent({
 </template>
 
 <style scoped>
-.annotation-list {
-  max-height: 60vh;
-  overflow-y: auto;
-}
 .spectro-main {
-  height: calc(100vh - 20vh - 64px - 72px);
+  height: calc(100vh - 21vh - 64px - 72px);
 }
 </style>