diff --git a/cypress/e2e/nav.cy.js b/cypress/e2e/nav.cy.js
new file mode 100644
index 0000000000000000000000000000000000000000..ca2868a989e5b0cf72d2e35ce644bb7e8611bd0b
--- /dev/null
+++ b/cypress/e2e/nav.cy.js
@@ -0,0 +1,12 @@
+describe('GlNav', () => {
+  function checkA11yNavWithDropdownItem() {
+    cy.visitStory('base/nav');
+    cy.contains('Dropdown').click();
+  }
+
+  it('passes axe accessibility audits', { tags: '@a11y' }, () => {
+    cy.glRunA11yTests({
+      checkA11yNavWithDropdownItem,
+    });
+  });
+});
diff --git a/src/components/base/nav/nav.scss b/src/components/base/nav/nav.scss
index 7c7bb66b8a8e51714f0b46992cd5c791e6b484de..36accd22a28677fd5ecb54ec3b56885559f9b749 100644
--- a/src/components/base/nav/nav.scss
+++ b/src/components/base/nav/nav.scss
@@ -1,5 +1,11 @@
 .nav {
   &-link {
+    @include gl-text-blue-500;
+
+    &:hover {
+      @include gl-text-blue-700;
+    }
+
     &:focus-visible {
       @include gl-focus;
     }
diff --git a/src/components/base/nav/nav.stories.js b/src/components/base/nav/nav.stories.js
index c664d5c43580c24e4a504f3481f0e3fdb68b7a81..0993f8110afbcc7259ffbb7df840221f11ea966c 100644
--- a/src/components/base/nav/nav.stories.js
+++ b/src/components/base/nav/nav.stories.js
@@ -29,6 +29,7 @@ export const Default = (_args, { argTypes }) => ({
         <gl-nav-item-dropdown text="Dropdown">
           <template #button-content>
             <gl-icon name="question" />
+            Text
             <gl-icon name="chevron-down" />
           </template>
           <gl-dropdown-item>One</gl-dropdown-item>