diff --git a/components.css b/components.css
index b20b762..0d254b1 100644
--- a/components.css
+++ b/components.css
@@ -507,7 +507,11 @@
 }
 
 .feedback-panel.is-open {
-  pointer-events: auto;
+  pointer-events: none; /* pass clicks through the wrapper to dots behind */
+}
+
+.feedback-panel.is-open .feedback-box:not([hidden]) {
+  pointer-events: auto; /* only the visible card captures events */
 }
 
 /* Single box fills the panel */
@@ -544,6 +548,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},