diff --git a/manage.html b/manage.html
index 2d20636..d372f4e 100644
--- a/manage.html
+++ b/manage.html
@@ -6,11 +6,11 @@
   <title>Safebox</title>
   <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Switzer:ital,wght@0,300;0,400;0,500;0,600;1,400&display=swap"/>
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"/>
-  <link rel="stylesheet" href="style.css?t=1" />
+  <link rel="stylesheet" href="style.css?t=4" />
 </head>
 <body>
   <div class="sidebar">
-    <div>
+    <div class="sidebar-top">
       <div id="logo" class="logo">
         <img src="/img/logo.png" alt="Safebox"/>
         <span>Safebox</span>
diff --git a/style.css b/style.css
index 1975a4e..422dea7 100644
--- a/style.css
+++ b/style.css
@@ -1,5 +1,5 @@
     :root {
-      --highlight-color: #F9DB54;
+      --highlight-color: #FFB806;
     }
 
     body {
@@ -96,16 +96,24 @@
       background-color: #101214;
       display: flex;
       flex-direction: column;
+      /*height: 100vh;*/
       justify-content: space-between;
-      padding: 20px 0;
       margin: 20px;
       border-radius: 20px;
       transition: width 0.3s;
     }
 
+.sidebar-top {
+      padding: 20px 0;
+	overflow-y: auto;
+	flex: 1 1 auto;
+	display: flex;
+	flex-direction: column;
+	justify-content: center; /* ez teszi középre függőlegesen a menüt */
+}
+
     .logo {
       text-align: center;
-      margin-bottom: 40px;
       font-size: 24px;
       font-weight: bold;
       display: flex;
@@ -121,6 +129,8 @@
     .menu {
       display: flex;
       flex-direction: column;
+      justify-content: center; /* középre igazít függőlegesen */
+      flex-grow: 1;
       gap: 5px;
       padding: 0 10px;
     }
@@ -277,13 +287,14 @@
     }
 
     .yellow-row {
+	flex-shrink: 0;
 	max-width:250px;
 	display: flex;
 	align-items: flex-start;
 	box-sizing: border-box;
         margin: 0px;
 	width: 100%;
-	padding: 0 20px;
+	padding: 0px 20px 20px 20px;
     }
 
     .yellow-box {
