diff --git a/public/style.css b/public/style.css
index cc1d5d4..e15b583 100644
--- a/public/style.css
+++ b/public/style.css
@@ -428,7 +428,9 @@ body {
   overflow-x: hidden;
   background: rgba(7, 10, 20, 0.55);
   border-right: 1px solid rgba(255, 255, 255, 0.07);
-  min-height: 100vh;
+  height: 100vh;
+  position: sticky;
+  top: 0;
 }
 
 /* Scrollbar styling for the info column */
@@ -628,7 +630,7 @@ button:hover {
   border: 1px solid rgba(255, 255, 255, 0.09);
   background: rgba(255, 255, 255, 0.03);
   overflow: hidden;
-  flex: 1 1 auto;
+  flex-shrink: 0;
   min-height: 80px;
 }
 
@@ -685,6 +687,23 @@ button:hover {
   transition: opacity 0.15s;
 }
 
+.panelTitleSummary::after {
+  content: "›";
+  margin-left: auto;
+  font-size: 18px;
+  font-weight: 400;
+  opacity: 0.45;
+  display: inline-block;
+  transform: rotate(0deg);
+  transition: transform 0.2s ease, opacity 0.15s;
+  flex-shrink: 0;
+}
+
+.panelCollapsible[open] .panelTitleSummary::after {
+  transform: rotate(90deg);
+  opacity: 0.7;
+}
+
 .panelTitleSummary::-webkit-details-marker {
   display: none;
 }
@@ -956,7 +975,6 @@ button:hover {
 /* ── Options / admin section ──────────────────────────────────────────────── */
 
 .infoSection--options {
-  margin-top: auto;
   padding-top: 8px;
 }
 
@@ -974,6 +992,24 @@ button:hover {
   cursor: pointer;
   list-style: none;
   user-select: none;
+  display: flex;
+  align-items: center;
+}
+
+.optionsSummary::after {
+  content: "›";
+  margin-left: auto;
+  font-size: 16px;
+  font-weight: 400;
+  opacity: 0.4;
+  display: inline-block;
+  transform: rotate(0deg);
+  transition: transform 0.2s ease, opacity 0.15s;
+}
+
+.optionsDetails[open] .optionsSummary::after {
+  transform: rotate(90deg);
+  opacity: 0.7;
 }
 
 .optionsSummary::-webkit-details-marker {
@@ -1104,7 +1140,6 @@ canvas {
     z-index: 50;
     width: 100%;
     max-width: 420px;
-    min-height: unset;
     height: 100dvh;
     overflow-y: auto;
     background: rgba(7, 10, 20, 0.97);