diff --git a/src/pages/student-dashboard/StoryPage.tsx b/src/pages/student-dashboard/StoryPage.tsx
index 7a98745..078277e 100644
--- a/src/pages/student-dashboard/StoryPage.tsx
+++ b/src/pages/student-dashboard/StoryPage.tsx
@@ -856,8 +856,11 @@ export function StoryPage() {
 
        {/* Container responsivo */}
         <div className="grid grid-cols-1 md:grid-cols-10 gap-6 border-b border-gray-200 pb-6">
-          {/* 3. Texto da História - Coluna Esquerda (40% em desktop) */}
-          <div className="col-span-1 md:col-span-4">
+          {/* 3. Texto da História - Coluna que expande quando não há imagem */}
+          <div className={cn(
+            "col-span-1",
+            focusMode.isActive ? "md:col-span-10" : "md:col-span-4"
+          )}>
             <div 
               className="prose max-w-none overflow-hidden"
               style={{