diff --git a/components/ui/Sidebar/Sidebar.module.css b/components/ui/Sidebar/Sidebar.module.css
index 1d8cbdb32..b9ba054e2 100644
--- a/components/ui/Sidebar/Sidebar.module.css
+++ b/components/ui/Sidebar/Sidebar.module.css
@@ -1,3 +1,3 @@
 .root {
-  @apply transition-all duration-75 ease-in-out;
+  @apply fixed inset-0 overflow-hidden h-full z-50;
 }
diff --git a/components/ui/Sidebar/Sidebar.tsx b/components/ui/Sidebar/Sidebar.tsx
index 0adf69917..300a2fce2 100644
--- a/components/ui/Sidebar/Sidebar.tsx
+++ b/components/ui/Sidebar/Sidebar.tsx
@@ -12,7 +12,7 @@ const Sidebar: FC<Props> = ({ className, children, show = true }) => {
   const rootClassName = cn(s.root, className)
   return (
     <Transition show={show}>
-      <div className="fixed inset-0 overflow-hidden h-full">
+      <div className={rootClassName}>
         <div className="absolute inset-0 overflow-hidden">
           <Transition.Child
             enter="transition-opacity ease-linear duration-300"
@@ -34,7 +34,7 @@ const Sidebar: FC<Props> = ({ className, children, show = true }) => {
               leaveTo="translate-x-full"
             >
               <div className="h-full w-screen max-w-2xl">
-                <div className="h-full flex flex-col space-y-6 py-6 bg-white shadow-xl overflow-y-scroll">
+                <div className="h-full flex flex-col space-y-6 bg-white shadow-xl overflow-y-scroll">
                   {children}
                 </div>
               </div>