diff --git a/apps/next/src/app/layout.tsx b/apps/next/src/app/layout.tsx
index 72263f4..d17c987 100644
--- a/apps/next/src/app/layout.tsx
+++ b/apps/next/src/app/layout.tsx
@@ -58,7 +58,7 @@ export default async function RootLayout({
                     <Header user={user || undefined} />
                   </div>
                   {user && (
-                    <div className="sidebar sticky top-14 hidden h-full max-h-[calc(100vh-3.5rem)] overflow-scroll border-r-2 border-neutral-300 bg-neutral-100 px-3 py-6 dark:border-neutral-800 dark:bg-neutral-900 xl:block">
+                    <div className="sidebar customScrollBar customScrollBarBig sticky top-14 hidden h-full max-h-[calc(100vh-3.5rem)] overflow-auto border-r-2 border-neutral-300 bg-neutral-100 px-3 py-6 dark:border-neutral-800 dark:bg-neutral-900 xl:block">
                       <Sidebar />
                     </div>
                   )}
diff --git a/apps/next/src/styles/globals.css b/apps/next/src/styles/globals.css
index edf7d2b..e87e6cb 100644
--- a/apps/next/src/styles/globals.css
+++ b/apps/next/src/styles/globals.css
@@ -16,7 +16,7 @@
   }
 
   .customScrollBar::-webkit-scrollbar-thumb {
-    @apply bg-neutral-200 dark:bg-neutral-900;
+    @apply bg-neutral-200 dark:bg-neutral-700;
   }
 }
 
@@ -35,25 +35,3 @@ input::-webkit-inner-spin-button {
 input[type="number"] {
   -moz-appearance: textfield;
 }
-
-/* Emoji picker styling */
-em-emoji-picker {
-  --background-rgb: 23, 23, 23;
-  --border-radius: 0;
-  --category-icon-size: 24px;
-
-  --color-border-over: #737373;
-  --color-border: rgb(64, 64, 64);
-
-  --em-rgb-input: #262626;
-
-  --font-size: 20px;
-  --rgb-accent: 132, 204, 22;
-  --rgb-background: 23, 23, 23;
-  --rgb-color: 250, 250, 250;
-  --rgb-input: 64, 64, 64;
-
-  height: 50vh;
-  min-height: 400px;
-  max-height: 800px;
-}