diff --git a/examples/demo/styles.glts b/examples/demo/styles.glts
index f88ac8c..2cc86fb 100644
--- a/examples/demo/styles.glts
+++ b/examples/demo/styles.glts
@@ -22,8 +22,8 @@ $border   = #dcd5cc
     border-color: $border
     border-width: 1px
     border-radius: 10px
-    padding: 16px
-    gap: 12px
+    padding: 12px
+    gap: 8px
 }
 
 @mixin text-body {
@@ -34,6 +34,7 @@ $border   = #dcd5cc
 // ── Globals ──────────────────────────────────────────────────────────────────
 Window {
     background: $bg
+    height: 100vh
 }
 
 Panel {
@@ -61,21 +62,21 @@ Panel {
 // ── Layout ───────────────────────────────────────────────────────────────────
 .body {
     direction: horizontal
-    padding: 16px
-    gap: 16px
+    padding: 12px
+    gap: 12px
     width: fill
 }
 
 .col-left {
     direction: vertical
-    gap: 14px
-    width: 45%
+    gap: 10px
+    flex-grow: 2
 }
 
 .col-right {
     direction: vertical
-    gap: 14px
-    width: 55%
+    gap: 10px
+    flex-grow: 3
 }
 
 // ── Card ─────────────────────────────────────────────────────────────────────
@@ -351,17 +352,17 @@ Slider {
 
 // ── Log / Scroll ─────────────────────────────────────────────────────────────
 .log {
-    @use card-base
     background: #f0ece6
+    border-width: 1px
+    border-color: $border
+    border-radius: 10px
     height: 180px
     overflow-y: scroll
-    padding: 8px
-    gap: 4px
+    padding: 4px
+    gap: 2px
 }
 
 .log-header {
-    position: sticky
-    top: 0px
     background: $surface
     padding: 6px 10px
     border-radius: 4px