From c08af5f2c19103a211bff4611d896f1aacc4c27f Mon Sep 17 00:00:00 2001
From: Arya Pratap Singh <notaryasingh@gmail.com>
Date: Tue, 21 Oct 2025 01:34:41 +0530
Subject: [PATCH 1/2] fix: remove fixed popup height to prevent scrollbar at
 high zoom

Signed-off-by: Arya Pratap Singh <notaryasingh@gmail.com>
---
 src/pages/popup/components/layout/MainLayout.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/pages/popup/components/layout/MainLayout.tsx b/src/pages/popup/components/layout/MainLayout.tsx
index 95cb59a2..98fa7df9 100644
--- a/src/pages/popup/components/layout/MainLayout.tsx
+++ b/src/pages/popup/components/layout/MainLayout.tsx
@@ -8,7 +8,7 @@ const Divider = () => {
 export const MainLayout = ({ children }: { children: React.ReactNode }) => {
   return (
     // biome-ignore lint/correctness/useUniqueElementIds: main is unique, as at top-level layout
-    <div className="flex h-popup w-popup flex-col gap-4 px-6 py-4" id="main">
+    <div className="flex w-popup flex-col gap-4 px-6 py-4" id="main">
       <Header />
       <Divider />
       <main className="flex flex-1 flex-col">{children}</main>

From 780586fca602a92873215f5578be5f28022fc4e2 Mon Sep 17 00:00:00 2001
From: Arya Pratap Singh <notaryasingh@gmail.com>
Date: Tue, 21 Oct 2025 15:16:53 +0530
Subject: [PATCH 2/2] static fixture

Signed-off-by: Arya Pratap Singh <notaryasingh@gmail.com>
---
 src/pages/popup/components/layout/MainLayout.tsx | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/src/pages/popup/components/layout/MainLayout.tsx b/src/pages/popup/components/layout/MainLayout.tsx
index 98fa7df9..b5dc7991 100644
--- a/src/pages/popup/components/layout/MainLayout.tsx
+++ b/src/pages/popup/components/layout/MainLayout.tsx
@@ -2,16 +2,19 @@ import React from 'react';
 import { Header } from './Header';
 
 const Divider = () => {
-  return <div className="w-100 h-1 bg-divider-gradient" />;
+  return <div className="w-full h-px bg-divider-gradient" />;
 };
 
 export const MainLayout = ({ children }: { children: React.ReactNode }) => {
   return (
     // biome-ignore lint/correctness/useUniqueElementIds: main is unique, as at top-level layout
-    <div className="flex w-popup flex-col gap-4 px-6 py-4" id="main">
+    <div
+      id="main"
+      className="flex w-popup min-h-[480px] min-w-[360px] max-h-[90vh] h-auto flex-col gap-4 px-6 py-4 overflow-hidden"
+    >
       <Header />
       <Divider />
-      <main className="flex flex-1 flex-col">{children}</main>
+      <main className="flex flex-1 flex-col overflow-y-auto">{children}</main>
     </div>
   );
-};
+}
\ No newline at end of file