diff --git a/components/ui/Sidebar/Sidebar.tsx b/components/ui/Sidebar/Sidebar.tsx
index 540654549..0f2c0ea7f 100644
--- a/components/ui/Sidebar/Sidebar.tsx
+++ b/components/ui/Sidebar/Sidebar.tsx
@@ -72,8 +72,8 @@ const Sidebar: FC<Props> = ({ className, children, show = true, close }) => {
                   leaveFrom="translate-x-0"
                   leaveTo="translate-x-full"
                 >
-                  <div className="h-full w-screen max-w-md">
-                    <div className="h-full flex flex-col text-primary bg-primary   shadow-xl overflow-y-auto">
+                  <div className="h-full w-screen max-w-lg">
+                    <div className="h-full flex flex-col text-primary bg-primary-accent shadow-xl overflow-y-auto">
                       {children}
                     </div>
                   </div>