diff --git a/src/app/globals.css b/src/app/globals.css
index bb707bc..fd6f706 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -10,7 +10,7 @@
     --card-foreground: 240 10% 3.9%;
     --popover: 0 0% 100%;
     --popover-foreground: 240 10% 3.9%;
-    --primary: 161 90% 31%;
+    --primary: 163 94% 24%;
     --primary-foreground: 355.7 100% 97.3%;
     --secondary: 240 4.8% 95.9%;
     --secondary-foreground: 240 5.9% 10%;
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 2abc96a..9fd82b0 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -79,16 +79,18 @@ export default function RootLayout({
                 />
               </h1>
             </Link>
-            <ul role="nav" className="flex items-center text-sm">
-              <li>
-                <Button variant="link" asChild className="-my-3">
-                  <Link href="/groups">Groups</Link>
-                </Button>
-              </li>
-              <li>
-                <ThemeToggle />
-              </li>
-            </ul>
+            <div role="navigation" aria-label="Menu" className="flex">
+              <ul className="flex items-center text-sm">
+                <li>
+                  <Button variant="link" asChild className="-my-3">
+                    <Link href="/groups">Groups</Link>
+                  </Button>
+                </li>
+                <li>
+                  <ThemeToggle />
+                </li>
+              </ul>
+            </div>
           </header>
 
           {children}