diff --git a/companion/app/_layout.tsx b/companion/app/_layout.tsx
index 4f6296b8a0f110..172de81fadbabf 100644
--- a/companion/app/_layout.tsx
+++ b/companion/app/_layout.tsx
@@ -12,7 +12,7 @@ export default function RootLayout() {
   return Platform.OS === "web" ? (
     <View
       style={{ width: 400, flex: 1, display: "flex", flexDirection: "column" }}
-      className="bg-white"
+      className="w-[400px] bg-white self-end flex-1 flex-col border border-gray-200"
     >
       <StatusBar barStyle="dark-content" backgroundColor="#ffffff" />
       {stackContent}
diff --git a/companion/extension/entrypoints/content.ts b/companion/extension/entrypoints/content.ts
index 4680455d4ead9e..a1b1ed9b1658b3 100644
--- a/companion/extension/entrypoints/content.ts
+++ b/companion/extension/entrypoints/content.ts
@@ -20,10 +20,11 @@ export default defineContentScript({
     sidebarContainer.style.position = "fixed";
     sidebarContainer.style.top = "0";
     sidebarContainer.style.right = "0";
-    sidebarContainer.style.width = "400px";
+    sidebarContainer.style.pointerEvents = "none";
+    sidebarContainer.style.width = "100vw";
     sidebarContainer.style.height = "100vh";
     sidebarContainer.style.zIndex = "2147483647";
-    sidebarContainer.style.backgroundColor = "white";
+    sidebarContainer.style.backgroundColor = "transparent";
     sidebarContainer.style.border = "1px solid #ccc";
     sidebarContainer.style.borderTop = "none";
     sidebarContainer.style.borderBottom = "none";
@@ -32,15 +33,27 @@ export default defineContentScript({
     sidebarContainer.style.transform = "translateX(100%)";
     sidebarContainer.style.display = "none";
 
+    // Create iframe container with max width
+    const iframeContainer = document.createElement("div");
+    iframeContainer.style.width = "100%";
+    iframeContainer.style.height = "100%";
+    iframeContainer.style.display = "flex";
+    iframeContainer.style.justifyContent = "flex-end";
+    iframeContainer.style.pointerEvents = "auto";
+
     // Create iframe
     const iframe = document.createElement("iframe");
     iframe.src = "http://localhost:8081";
-    iframe.style.width = "100%";
+    iframe.style.width = "400px";
     iframe.style.height = "100%";
     iframe.style.border = "none";
     iframe.style.borderRadius = "0";
+    iframe.style.backgroundColor = "white";
+    iframe.style.boxShadow = "-2px 0 10px rgba(0,0,0,0.1)";
+
+    iframeContainer.appendChild(iframe);
 
-    sidebarContainer.appendChild(iframe);
+    sidebarContainer.appendChild(iframeContainer);
 
     // Create floating buttons container
     const buttonsContainer = document.createElement("div");