diff --git a/src/componets/Sidebar.css b/src/componets/Sidebar.css
index 849d01c..1602c3e 100644
--- a/src/componets/Sidebar.css
+++ b/src/componets/Sidebar.css
@@ -1,7 +1,7 @@
 @import 'tailwindcss';
 
 .sidebar {
-  @apply fixed top-0 left-0 w-60 h-screen bg-[#161616] flex flex-col border-e-[1px] border-[#2a2a2a] z-[999];
+  @apply fixed top-0 left-0 w-60 h-screen bg-[#161616] flex flex-col border-e-[1px] border-[#242424] z-[1];
 }
 
 .sidebar-downloads {
diff --git a/src/main.tsx b/src/main.tsx
index 2ac7c9a..13b8dce 100644
--- a/src/main.tsx
+++ b/src/main.tsx
@@ -118,7 +118,7 @@ function App () {
   return (
     <>
       <Sidebar setShowPopup={setShowPopup} setPopupMode={setPopupMode} setFadeOut={setFadeOut} />
-      <div className="relative z-[1] ml-[239px] w-[761px] border-b border-[#323232] h-[33px] bg-[#161616]" style={{ display: platform() == 'windows' ? 'block' : 'none' }}></div>
+      <div className="relative z-[2] ml-[239px] w-[761px] border-b border-[#242424] h-[33px] bg-[#161616]" style={{ display: platform() == 'windows' ? 'block' : 'none' }}></div>
       <div className="relative z-0">
         <main style={{ marginLeft: '15rem' }}>{renderContent()}</main>
       </div>
diff --git a/src/routes/Leaderboards.css b/src/routes/Leaderboards.css
index da49b9a..5246e28 100644
--- a/src/routes/Leaderboards.css
+++ b/src/routes/Leaderboards.css
@@ -5,7 +5,7 @@
 }
 
 .leaderboard-scroll {
-  @apply h-[85vh] bg-[#161616] border border-[#242424] rounded-lg overflow-y-auto max-w-md w-full;
+  @apply h-[510px] bg-[#161616] border border-[#242424] rounded-lg overflow-y-auto max-w-md w-full;
 }
 
 .leaderboard-entry {