diff --git a/src/app/globals.css b/src/app/globals.css
index e90e8295..e94283d4 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -216,7 +216,7 @@
 
 @layer utilities {
   .wrapper {
-    @apply h-full w-full max-w-7xl px-4 py-4 md:px-12 lg:pl-20 lg:pr-12 lg:mx-auto xl:max-w-[90rem];
+    @apply h-full w-full max-w-7xl px-4 py-4 md:px-12 lg:px-20 lg:mx-auto xl:max-w-[90rem];
   }
 
   .flex-center {
diff --git a/src/components/Appbar.tsx b/src/components/Appbar.tsx
index 8d983941..ebb1fcc3 100644
--- a/src/components/Appbar.tsx
+++ b/src/components/Appbar.tsx
@@ -66,7 +66,7 @@ export const Appbar = () => {
           stiffness: 200,
           damping: 20,
         }}
-        className="fixed left-0 top-0 z-[999] hidden h-full flex-col border-r border-primary/10 bg-background dark:bg-background lg:flex min-w-[3.7rem]"
+        className="fixed left-0 top-0 z-[999] hidden h-full flex-col border-r border-primary/10 bg-background dark:bg-background lg:flex min-w-8"
       >
         <div className="flex h-full flex-col gap-4">
           <div className="flex w-full items-center border-b border-primary/10 px-2 py-4">