diff --git a/computer-use-demo/image/static_content/index.html b/computer-use-demo/image/static_content/index.html
index cfd2ae13..51b0f34a 100644
--- a/computer-use-demo/image/static_content/index.html
+++ b/computer-use-demo/image/static_content/index.html
@@ -13,16 +13,30 @@
                 display: flex;
                 height: 100vh;
                 width: 100vw;
+                position: relative;
             }
             .left {
                 flex: 1;
                 border: none;
                 height: 100vh;
+                transition: flex 0.3s ease;
             }
             .right {
                 flex: 2;
                 border: none;
                 height: 100vh;
+                transition: flex 0.3s ease;
+            }
+            .button-container {
+                position: absolute;
+                top: 10px;
+                right: 10px;
+                z-index: 1000;
+                display: flex;
+                flex-direction: column;
+            }
+            .button-container button {
+                margin-bottom: 5px;
             }
         </style>
     </head>
@@ -39,13 +53,33 @@
                 class="right"
                 allow="fullscreen"
             ></iframe>
-            <button
-                id="toggleViewOnly"
-                style="position: absolute; top: 10px; right: 10px; z-index: 1000"
-            >
-                Toggle Screen Control (Off)
-            </button>
+            <div class="button-container">
+                <button id="toggleFrames">Expand Claude AI Chat</button>
+                <button id="toggleViewOnly">Toggle Screen Control (Off)</button>
+            </div>
             <script>
+                const leftFrame = document.querySelector(".left");
+                const rightFrame = document.querySelector(".right");
+                const toggleFramesButton =
+                    document.getElementById("toggleFrames");
+                const toggleViewOnlyButton =
+                    document.getElementById("toggleViewOnly");
+
+                let leftFrameCollapsed = false;
+
+                toggleFramesButton.addEventListener("click", () => {
+                    if (leftFrameCollapsed) {
+                        leftFrame.style.flex = "1";
+                        rightFrame.style.flex = "2";
+                        toggleFramesButton.innerText = "Expand Claude AI Chat";
+                    } else {
+                        leftFrame.style.flex = "2";
+                        rightFrame.style.flex = "1";
+                        toggleFramesButton.innerText = "Expand VM Display";
+                    }
+                    leftFrameCollapsed = !leftFrameCollapsed;
+                });
+
                 document
                     .getElementById("toggleViewOnly")
                     .addEventListener("click", function () {