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;