diff --git a/src/pages/Home.vue b/src/pages/Home.vue
index 1808732..50b6c71 100644
--- a/src/pages/Home.vue
+++ b/src/pages/Home.vue
@@ -38,22 +38,24 @@
     <div class="flex-1 overflow-hidden">
       <!-- Collapsible Composer -->
       <div v-if="showComposer || replyTo" class="border-b bg-background">
-        <div class="px-4 py-3 sm:px-6">
-          <!-- Regular Note Composer -->
-          <NoteComposer
-            v-if="composerType === 'note' || replyTo"
-            :reply-to="replyTo"
-            @note-published="onNotePublished"
-            @clear-reply="onClearReply"
-            @close="onCloseComposer"
-          />
+        <div class="max-h-[70vh] overflow-y-auto scrollbar-thin scrollbar-thumb-border scrollbar-track-transparent">
+          <div class="px-4 py-3 sm:px-6">
+            <!-- Regular Note Composer -->
+            <NoteComposer
+              v-if="composerType === 'note' || replyTo"
+              :reply-to="replyTo"
+              @note-published="onNotePublished"
+              @clear-reply="onClearReply"
+              @close="onCloseComposer"
+            />
 
-          <!-- Rideshare Composer -->
-          <RideshareComposer
-            v-else-if="composerType === 'rideshare'"
-            @rideshare-published="onRidesharePublished"
-            @close="onCloseComposer"
-          />
+            <!-- Rideshare Composer -->
+            <RideshareComposer
+              v-else-if="composerType === 'rideshare'"
+              @rideshare-published="onRidesharePublished"
+              @close="onCloseComposer"
+            />
+          </div>
         </div>
       </div>