edit size icon

styles/globals.css

@@ -5,7 +5,7 @@
 @layer components {
   .sidebar {
     @apply fixed top-0 left-0
-    h-screen w-20 m-0
+    h-screen w-16 m-0
     flex flex-col
     bg-sidebar text-secondary
     z-40;
@@ -13,7 +13,7 @@
 
   .sidebar-icon {
     @apply relative flex items-center justify-center
-                    h-16 w-16 my-2 mx-auto
+                    h-14 w-14 my-2 mx-auto
                     shadow-lg bg-gray-800 text-secondary
                     hover:bg-green-900 hover:text-primary
                     rounded-3xl hover:rounded-xl
@@ -38,6 +38,6 @@
     mx-2;
   }
   .content {
-    @apply ml-20;
+    @apply ml-16;
   }
 }