From 8d7e24102008e1f38e5a85918cc60937ef8f0a66 Mon Sep 17 00:00:00 2001
From: Patrick Mulligan <patjmulligan@protonmail.com>
Date: Wed, 1 Apr 2026 19:09:33 -0400
Subject: [PATCH] fix(ui): replace native scrollbar with shadcn ScrollArea on
 support page

Add min-h-0 for proper flex containment so ScrollArea can be
constrained to the remaining space.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 apps/machine/src/views/SupportView.vue | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/apps/machine/src/views/SupportView.vue b/apps/machine/src/views/SupportView.vue
index 5960cc2..89805f3 100644
--- a/apps/machine/src/views/SupportView.vue
+++ b/apps/machine/src/views/SupportView.vue
@@ -5,6 +5,7 @@ import { nip19 } from 'nostr-tools'
 import { marked } from 'marked'
 import { Button } from '@/components/ui/button'
 import { Card, CardContent } from '@/components/ui/card'
+import { ScrollArea } from '@/components/ui/scroll-area'
 import {
   Table,
   TableBody,
@@ -348,7 +349,7 @@ onUnmounted(() => {
     </div>
 
     <!-- Content -->
-    <div class="flex-1 overflow-y-auto">
+    <ScrollArea class="flex-1 min-h-0">
       <div class="mx-auto max-w-5xl w-full px-4 sm:px-8 lg:px-16 py-6 sm:py-8">
         <template v-for="(seg, i) in segments" :key="i">
           <!-- QR code card (standalone URL) -->
@@ -501,7 +502,7 @@ onUnmounted(() => {
           <div v-else class="support-md" v-html="seg.content"></div>
         </template>
       </div>
-    </div>
+    </ScrollArea>
   </div>
 </template>