From f3e73577354b78cba8c9c25142abce1df54ac693 Mon Sep 17 00:00:00 2001
From: mrhid6 <mrhid6@gmail.com>
Date: Thu, 10 Sep 2026 09:25:24 +0000
Subject: [PATCH] fix: Fixed license page scrollbar overflow

---
 web/app/(app)/settings/license/page.tsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/web/app/(app)/settings/license/page.tsx b/web/app/(app)/settings/license/page.tsx
index 02f361f..cc95a6c 100644
--- a/web/app/(app)/settings/license/page.tsx
+++ b/web/app/(app)/settings/license/page.tsx
@@ -302,7 +302,10 @@ export default function LicensePage() {
                             <div className="mt-3 flex flex-wrap items-center gap-3">
                                 {/* A bare file input cannot be styled, so the button is the
                                 label and the input itself is visually hidden. */}
-                                <label className="inline-flex cursor-pointer items-center gap-2 rounded border border-border bg-surface px-3 py-1.5 text-sm font-semibold text-text-primary transition-colors hover:border-text-tertiary focus-within:ring-2 focus-within:ring-accent">
+                                {/* relative: sr-only is position:absolute, and without a
+                                positioned ancestor it escapes the shell's scroll container
+                                and stretches the document, giving the page a second scrollbar. */}
+                                <label className="relative inline-flex cursor-pointer items-center gap-2 rounded border border-border bg-surface px-3 py-1.5 text-sm font-semibold text-text-primary transition-colors hover:border-text-tertiary focus-within:ring-2 focus-within:ring-accent">
                                     <input
                                         type="file"
                                         accept=".lic,.txt"