diff --git a/src/lib/components/memory/ChapterCard.svelte b/src/lib/components/memory/ChapterCard.svelte
index 47a065e..4a6c5b4 100644
--- a/src/lib/components/memory/ChapterCard.svelte
+++ b/src/lib/components/memory/ChapterCard.svelte
@@ -82,13 +82,13 @@
   <!-- Header -->
   <div class="p-3 flex items-start justify-between gap-2">
     <div class="flex-1 min-w-0">
-      <div class="flex items-center gap-2">
-        <span class="text-sm font-medium text-surface-200">
+      <div class="flex flex-wrap items-center gap-x-2 gap-y-0.5">
+        <span class="text-sm font-medium text-surface-200 shrink-0">
           Chapter {chapter.number}
         </span>
         {#if chapter.title}
-          <span class="text-sm text-surface-400">—</span>
-          <span class="text-sm text-primary-400 truncate">{chapter.title}</span>
+          <span class="text-sm text-surface-400 hidden sm:inline">—</span>
+          <span class="text-sm text-primary-400 truncate max-w-[150px] sm:max-w-none">{chapter.title}</span>
         {/if}
       </div>
     </div>
diff --git a/src/lib/components/memory/ManualChapterModal.svelte b/src/lib/components/memory/ManualChapterModal.svelte
index c40fa0e..585c9d7 100644
--- a/src/lib/components/memory/ManualChapterModal.svelte
+++ b/src/lib/components/memory/ManualChapterModal.svelte
@@ -62,7 +62,7 @@
 
 <!-- Modal -->
 <div
-  class="fixed inset-x-4 top-1/2 -translate-y-1/2 z-50 max-w-lg mx-auto"
+  class="fixed inset-x-2 sm:inset-x-4 top-1/2 -translate-y-1/2 z-50 max-w-lg mx-auto max-h-[90vh] flex flex-col"
   transition:fly={{ y: 20, duration: 200 }}
 >
   <div class="bg-surface-800 rounded-xl shadow-xl overflow-hidden">
diff --git a/src/lib/components/memory/MemoryHeader.svelte b/src/lib/components/memory/MemoryHeader.svelte
index 0b821d8..7bdf0be 100644
--- a/src/lib/components/memory/MemoryHeader.svelte
+++ b/src/lib/components/memory/MemoryHeader.svelte
@@ -69,13 +69,13 @@
     </div>
 
     <!-- Token Count -->
-    <div class="flex items-center justify-between text-sm">
+    <div class="flex flex-col sm:flex-row sm:items-center sm:justify-between gap-1 sm:gap-0 text-sm">
       <span class="text-surface-400">
         <span class="font-medium text-surface-200">{formatNumber(tokensOutsideBuffer)}</span>
         <span class="text-surface-500"> / {formatNumber(threshold)}</span>
         <span class="text-surface-500"> tokens</span>
       </span>
-      <span class="text-surface-500">
+      <span class="text-surface-500 text-xs sm:text-sm">
         {messagesSinceLastChapter} messages
         {#if bufferSize > 0}
           <span class="text-surface-600">({bufferSize} protected)</span>
diff --git a/src/lib/components/memory/ResummarizeModal.svelte b/src/lib/components/memory/ResummarizeModal.svelte
index 57b0fa2..4d1cf96 100644
--- a/src/lib/components/memory/ResummarizeModal.svelte
+++ b/src/lib/components/memory/ResummarizeModal.svelte
@@ -46,7 +46,7 @@
 
 <!-- Modal -->
 <div
-  class="fixed inset-x-4 top-1/2 -translate-y-1/2 z-50 max-w-md mx-auto"
+  class="fixed inset-x-2 sm:inset-x-4 top-1/2 -translate-y-1/2 z-50 max-w-md mx-auto max-h-[90vh] flex flex-col"
   transition:fly={{ y: 20, duration: 200 }}
 >
   <div class="bg-surface-800 rounded-xl shadow-xl overflow-hidden">