From b5ff667c6d5012e29f5f5e8a667b68699149026e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E2=80=9Ckirukib=E2=80=9D?= <“kirubeljkl679@gmail.com”>
Date: Thu, 12 Mar 2026 00:45:41 +0300
Subject: [PATCH] fix: constrain sidebar height and add scroll

Made-with: Cursor
---
 src/App.css | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/App.css b/src/App.css
index b7f4b1d..17fa04e 100644
--- a/src/App.css
+++ b/src/App.css
@@ -5,6 +5,7 @@
   gap: 1px;
   padding: 32px 40px;
   color: #020617;
+  align-items: flex-start;
 }
 
 .app-panel {
@@ -19,6 +20,7 @@
   flex-direction: column;
   padding: 22px 20px 18px;
   gap: 18px;
+  max-height: calc(100vh - 64px);
 }
 
 .brand-row {
@@ -81,6 +83,8 @@
   display: flex;
   flex-direction: column;
   gap: 4px;
+  overflow-y: auto;
+  padding-right: 4px;
 }
 
 .template-section {
@@ -152,8 +156,8 @@
 }
 
 .sidebar-footer {
-  margin-top: auto;
-  padding-top: 12px;
+  margin-top: 8px;
+  padding-top: 10px;
   border-top: 1px dashed rgba(148, 163, 184, 0.4);
   display: flex;
   flex-direction: column;