diff --git a/components/pages/about/innerNavbar.tsx b/components/pages/about/innerNavbar.tsx
index 0a3a795..ec5ff52 100644
--- a/components/pages/about/innerNavbar.tsx
+++ b/components/pages/about/innerNavbar.tsx
@@ -20,7 +20,7 @@ export function InnerNavbar() {
   return (
     <nav className="w-full border-b border-gray-100 bg-[#1e1d1c] sticky top-0 z-30">
       <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
-        <div className="flex items-center gap-1 overflow-x-auto scrollbar-none [-ms-overflow-style:none] [scrollbar-width:none]">
+        <div className="flex items-center gap-1 overflow-x-auto">
           {tabs.map((tab) => {
             const href = `/${locale}/about/${tab.value}`;
             const isActive = pathname === href || pathname.endsWith(`/about/${tab.value}`);
@@ -33,7 +33,7 @@ export function InnerNavbar() {
                   "relative shrink-0 px-4 py-4 text-sm font-semibold transition-colors duration-200 whitespace-nowrap",
                   "after:absolute after:bottom-0 after:left-0 after:right-0 after:h-0.5 after:rounded-full after:transition-all after:duration-200",
                   isActive
-                    ? "text-red-600 "
+                    ? "text-red-600"
                     : "text-gray-300 after:bg-transparent hover:text-red-600",
                 ].join(" ")}
               >
@@ -47,4 +47,6 @@ export function InnerNavbar() {
   );
 }
 
-export default InnerNavbar;
\ No newline at end of file
+// for hide scrollbar in inner navbar, add this class to the parent container of InnerNavbar
+// scrollbar-none [-ms-overflow-style:none] [scrollbar-width:none]
+        
\ No newline at end of file