diff --git a/client/src/components/navigation/header.tsx b/client/src/components/navigation/header.tsx
index 1f005d5..475df60 100644
--- a/client/src/components/navigation/header.tsx
+++ b/client/src/components/navigation/header.tsx
@@ -39,7 +39,11 @@ export default function Header() {
               <Link 
                 key={link.path} 
                 href={link.path} 
-                className={`transition-colors duration-200 font-raleway font-bold text-lg ${isActive(link.path)}`}
+                className={`transition-colors duration-200 font-raleway font-bold text-lg ${
+                  link.name === "Book a Class" 
+                    ? "bg-white text-teal px-4 py-2 rounded-full hover:bg-opacity-90" 
+                    : isActive(link.path)
+                }`}
               >
                 {link.name}
               </Link>
@@ -63,7 +67,11 @@ export default function Header() {
                     <SheetClose asChild key={link.path}>
                       <Link 
                         href={link.path}
-                        className={`block px-3 py-2 text-base font-medium ${isActive(link.path)}`}
+                        className={`block px-3 py-2 text-base font-medium ${
+                          link.name === "Book a Class" 
+                            ? "bg-teal text-white rounded-full text-center hover:bg-opacity-90" 
+                            : isActive(link.path)
+                        }`}
                       >
                         {link.name}
                       </Link>