diff --git a/public/css/assistant.css b/public/css/assistant.css
index 485e03b5..37ec8ef0 100644
--- a/public/css/assistant.css
+++ b/public/css/assistant.css
@@ -375,7 +375,13 @@ body.assistant-workspace .assistant-layout { height: calc(100vh - var(--mobile-b
      8px padding on top of that made the page 16px taller than the phone. */
   body.assistant-workspace .main-content { padding:0; }
   body.assistant-workspace .assistant-layout { height:calc(100dvh - var(--mobile-bar, 0px)); display:flex; flex-direction:column; grid-template-rows:none; overflow:hidden; }
-  
+  /* On a phone a table wraps to the screen instead of scrolling sideways: the
+     sideways swipe is not reliably reachable (the user could not scroll a
+     cut-off table at all), so cells break their words and the table takes the
+     full width. Wide tables get taller, never clipped. */
+  .assistant-table-scroll { overflow-x:visible; }
+  .assistant-table-scroll table, .assistant-takehome-result table { width:100%; min-width:0; max-width:100%; table-layout:auto; }
+  .assistant-bubble th, .assistant-bubble td, .assistant-takehome-result th, .assistant-takehome-result td { overflow-wrap:anywhere; word-break:break-word; white-space:normal; }
 }
 /* Desktop: the saved-chats rail collapses like ChatGPT's sidebar */
 .assistant-layout { transition:grid-template-columns .18s ease; }