diff --git a/examples/basic-host/src/index.module.css b/examples/basic-host/src/index.module.css
index 684b2c70..9681e969 100644
--- a/examples/basic-host/src/index.module.css
+++ b/examples/basic-host/src/index.module.css
@@ -113,9 +113,8 @@
   min-height: 200px;
 
   iframe {
-    flex-shrink: 0;
-    height: 100%;
-    max-width: 100%;
+    flex: 1 0 auto;
+    height: 600px;
     box-sizing: border-box;
     border: 3px dashed #888;
     border-radius: 4px;
diff --git a/examples/budget-allocator-server/src/mcp-app.css b/examples/budget-allocator-server/src/mcp-app.css
index 93caf9f7..979a9a7d 100644
--- a/examples/budget-allocator-server/src/mcp-app.css
+++ b/examples/budget-allocator-server/src/mcp-app.css
@@ -40,7 +40,7 @@ body {
   display: flex;
   flex-direction: column;
   height: 600px;
-  width: 600px;
+  width: 100%;
   max-width: 100%;
   max-height: 100%;
   overflow: hidden;
diff --git a/examples/customer-segmentation-server/src/mcp-app.css b/examples/customer-segmentation-server/src/mcp-app.css
index 0158c341..4bdede2c 100644
--- a/examples/customer-segmentation-server/src/mcp-app.css
+++ b/examples/customer-segmentation-server/src/mcp-app.css
@@ -37,7 +37,7 @@ html, body {
 }
 
 .main {
-  width: 600px;
+  width: 100%;
   height: 600px;
   margin: 0 auto;
   padding: 12px;
diff --git a/examples/scenario-modeler-server/src/mcp-app.css b/examples/scenario-modeler-server/src/mcp-app.css
index 5541668f..d49809a9 100644
--- a/examples/scenario-modeler-server/src/mcp-app.css
+++ b/examples/scenario-modeler-server/src/mcp-app.css
@@ -37,7 +37,7 @@
    ============================================================================ */
 
 .main {
-  width: 600px;
+  width: 100%;
   height: 600px;
   overflow: hidden;
   background: var(--bg-primary);
diff --git a/examples/system-monitor-server/src/mcp-app.css b/examples/system-monitor-server/src/mcp-app.css
index ac95af44..74c09051 100644
--- a/examples/system-monitor-server/src/mcp-app.css
+++ b/examples/system-monitor-server/src/mcp-app.css
@@ -36,7 +36,7 @@ html, body {
 }
 
 .main {
-  width: 600px;
+  width: 100%;
   margin: 0 auto;
   padding: 16px;
   display: flex;