diff --git a/frontend/app/routes/users.$handle.tsx b/frontend/app/routes/users.$handle.tsx
index 5a053a0..5e27a03 100644
--- a/frontend/app/routes/users.$handle.tsx
+++ b/frontend/app/routes/users.$handle.tsx
@@ -1,6 +1,6 @@
 import {
-  EyeRegular,
   EyeOffRegular,
+  EyeRegular,
   MusicNote2Regular,
   OpenRegular,
   PersonFilled,
@@ -138,7 +138,10 @@ const UserPage = () => {
 
             {secretUserInfo && (
               <div className="text-md mt-4 card flex flex-col">
-                <button onClick={() => setShowSecretUserInfo(!showSecretUserInfo)} className="font-bold text-left">
+                <button
+                  onClick={() => setShowSecretUserInfo(!showSecretUserInfo)}
+                  className="font-bold text-left"
+                >
                   {showSecretUserInfo ? (
                     <EyeOffRegular className="mr-1 w-6 h-6" />
                   ) : (
diff --git a/frontend/components/SideMenu.tsx b/frontend/components/SideMenu.tsx
index 83904bf..5aaedfe 100644
--- a/frontend/components/SideMenu.tsx
+++ b/frontend/components/SideMenu.tsx
@@ -85,7 +85,7 @@ const SideMenu: React.FC<{ close: () => void }> = ({ close }) => {
         onClick={close}
       >
         <div
-          className="absolute right-2 top-2 min-w-64 h-[calc(100svh_-_16px)] bg-white dark:bg-slate-900 shadow-lg rounded-lg p-4 flex flex-col overflow-y-auto"
+          className="absolute right-2 top-2 min-w-64 h-[calc(100svh_-_16px)] bg-background shadow-lg rounded-lg p-4 flex flex-col overflow-y-auto"
           onClick={(e) => e.stopPropagation()}
         >
           {session?.loggedIn ? (
@@ -119,7 +119,7 @@ const SideMenu: React.FC<{ close: () => void }> = ({ close }) => {
               <div className="text-2xl">{t("login.button")}</div>
             </div>
           )}
-          <div className="w-full h-[1px] my-2 bg-slate-200 dark:bg-slate-700" />
+          <div className="w-full h-[1px] my-2 bg-slate-200 dark:bg-slate-500" />
           <div className="flex flex-col flex-grow">
             {[
               {
@@ -234,7 +234,7 @@ const SideMenu: React.FC<{ close: () => void }> = ({ close }) => {
                   case "line":
                     return (
                       <div
-                        className="w-full h-[1px] my-2 bg-slate-100 dark:bg-slate-800"
+                        className="w-full h-[1px] my-2 bg-slate-100 dark:bg-slate-700"
                         key={i}
                       />
                     );