diff --git a/app/globals.css b/app/globals.css
index 69234e3..2774e4d 100644
--- a/app/globals.css
+++ b/app/globals.css
@@ -99,6 +99,7 @@ body {
   background-color: var(--color-bg-main);
   color: var(--color-text-primary);
   font-family: Arial, Helvetica, sans-serif;
+  scroll-behavior: smooth;
 }
 
 /* ============================================================
diff --git a/components/Navbar.tsx b/components/Navbar.tsx
index 874cdd5..2df4d7a 100644
--- a/components/Navbar.tsx
+++ b/components/Navbar.tsx
@@ -73,8 +73,7 @@ export default function Navbar({
           className="w-8 h-8 flex items-center justify-center rounded-lg cursor-pointer border-none
                      text-(--color-text-muted) bg-transparent
                      hover:bg-(--color-border-light) hover:text-(--color-primary)
-                     transition-colors duration-150 shrink-0
-!xl:hidden"
+                     transition-colors duration-150 shrink-0 xl:hidden"
         >
           <i
             className={`fa-solid text-sm transition-transform duration-250 ${