diff --git a/components.css b/components.css
index b20b762..837a188 100644
--- a/components.css
+++ b/components.css
@@ -544,6 +544,8 @@
 }
 
 #viewVariant {
+  bottom:     auto;           /* hug content height */
+  max-height: calc(100% - var(--padding-md) * 2); /* cap at full panel */
 }
 
 /* ── Action Bar ── */
diff --git a/index.html b/index.html
index eba3a50..daa631d 100644
--- a/index.html
+++ b/index.html
@@ -391,7 +391,7 @@ <h3 class="h3">This art inspiration</h3>
     const topDots = [
       // Yellow (x 2–44%)
       {id:'y01',c:'yellow',x:3,  y:10,s:false},
-      {id:'y02',c:'yellow',x:11, y:10,s:false},
+      {id:'y02',c:'yellow',x:38, y:40,s:false},
       {id:'y03',c:'yellow',x:19, y:10,s:false},
       {id:'y04',c:'yellow',x:28, y:10,s:false},
       {id:'y05',c:'yellow',x:8,  y:25,s:false},