diff --git a/frontend/src/pages/proposals/[id].astro b/frontend/src/pages/proposals/[id].astro
index 2b2ac4f..aa9dfc2 100644
--- a/frontend/src/pages/proposals/[id].astro
+++ b/frontend/src/pages/proposals/[id].astro
@@ -671,12 +671,35 @@ const proposalId = id ?? '';
     margin-top: 0.5rem;
   }
 
+  @media (max-width: 640px) {
+    .hero-meta {
+      flex-direction: column;
+      align-items: flex-start;
+      gap: 0.35rem;
+    }
+
+    .meta {
+      font-size: 0.8125rem;
+    }
+  }
+
   .author-actions-row {
     display: flex;
     gap: 0.5rem;
     flex-wrap: wrap;
   }
 
+  @media (max-width: 640px) {
+    .author-actions-row {
+      flex-direction: column;
+      align-items: stretch;
+    }
+
+    .author-actions-row .ui-btn {
+      width: 100%;
+    }
+  }
+
   .meta {
     color: var(--color-text-muted);
     font-size: 0.875rem;
@@ -698,6 +721,12 @@ const proposalId = id ?? '';
     white-space: pre-wrap;
   }
 
+  @media (max-width: 640px) {
+    .description {
+      margin-bottom: 1.5rem;
+    }
+  }
+
   .options-list {
     display: grid;
     gap: 0.75rem;
@@ -767,6 +796,12 @@ const proposalId = id ?? '';
     margin-top: 2rem;
   }
 
+  @media (max-width: 640px) {
+    .vote-actions, .author-actions {
+      margin-top: 1.25rem;
+    }
+  }
+
   .vote-hint {
     color: var(--color-text-muted);
     margin-bottom: 1rem;