diff --git a/apps/web/res/css/views/rooms/wysiwyg_composer/_DocumentView.pcss b/apps/web/res/css/views/rooms/wysiwyg_composer/_DocumentView.pcss
index f32723feec..5365f43a32 100644
--- a/apps/web/res/css/views/rooms/wysiwyg_composer/_DocumentView.pcss
+++ b/apps/web/res/css/views/rooms/wysiwyg_composer/_DocumentView.pcss
@@ -8,7 +8,8 @@ Please see LICENSE files in the repository root for full details.
 .mx_DocumentView {
     display: flex;
     flex-direction: column;
-    height: 100%;
+    flex: 1;
+    min-height: 0;
     overflow: hidden;
     background-color: var(--cpd-color-bg-canvas-default);
 }
diff --git a/apps/web/src/components/views/rooms/RoomHeader/RoomHeader.tsx b/apps/web/src/components/views/rooms/RoomHeader/RoomHeader.tsx
index 0851923736..c3ea74c350 100644
--- a/apps/web/src/components/views/rooms/RoomHeader/RoomHeader.tsx
+++ b/apps/web/src/components/views/rooms/RoomHeader/RoomHeader.tsx
@@ -351,7 +351,7 @@ function RoomHeaderButtons({
                     aria-pressed={isViewingDocument}
                     onClick={toggleDocumentView}
                 >
-                    <DocumentIcon />
+                    <DocumentIcon className={isViewingDocument ? "mx_RoomHeader_toggled" : undefined} />
                 </IconButton>
             </Tooltip>