diff --git a/frontend/src/components/Layout.tsx b/frontend/src/components/Layout.tsx
index b62df3a..99d0a10 100644
--- a/frontend/src/components/Layout.tsx
+++ b/frontend/src/components/Layout.tsx
@@ -28,7 +28,7 @@ export default function Layout({ children }: LayoutProps) {
               <Link
                 to="./"
                 className={`px-4 py-2 rounded-md text-sm font-medium transition-colors ${
-                  isActive('/') && location.pathname === '/'
+                  isActive('./') && location.pathname === './'
                     ? 'bg-primary-100 text-primary-700'
                     : 'text-gray-600 hover:bg-gray-100 hover:text-gray-900'
                 }`}
@@ -38,7 +38,7 @@ export default function Layout({ children }: LayoutProps) {
               <Link
                 to="./courses"
                 className={`px-4 py-2 rounded-md text-sm font-medium transition-colors ${
-                  isActive('/courses')
+                  isActive('./courses')
                     ? 'bg-primary-100 text-primary-700'
                     : 'text-gray-600 hover:bg-gray-100 hover:text-gray-900'
                 }`}
@@ -48,7 +48,7 @@ export default function Layout({ children }: LayoutProps) {
               <Link
                 to="./paths"
                 className={`px-4 py-2 rounded-md text-sm font-medium transition-colors ${
-                  isActive('/paths')
+                  isActive('./paths')
                     ? 'bg-primary-100 text-primary-700'
                     : 'text-gray-600 hover:bg-gray-100 hover:text-gray-900'
                 }`}