diff --git a/src/app/(proper_react)/(redesign)/(public)/PublicShell.module.scss b/src/app/(proper_react)/(redesign)/(public)/PublicShell.module.scss
index 514a1f9c83..df30c7875f 100644
--- a/src/app/(proper_react)/(redesign)/(public)/PublicShell.module.scss
+++ b/src/app/(proper_react)/(redesign)/(public)/PublicShell.module.scss
@@ -55,7 +55,7 @@
         padding: $spacing-sm $spacing-md;
 
         &:hover {
-          color: $color-purple-70;
+          background-color: $color-purple-70;
           text-decoration: underline;
         }
       }
diff --git a/src/app/(proper_react)/(redesign)/MobileShell.module.scss b/src/app/(proper_react)/(redesign)/MobileShell.module.scss
index 294e70e333..a24c828d31 100644
--- a/src/app/(proper_react)/(redesign)/MobileShell.module.scss
+++ b/src/app/(proper_react)/(redesign)/MobileShell.module.scss
@@ -116,8 +116,9 @@
             }
 
             &:hover {
-              background-color: $color-grey-10;
-              color: $color-purple-70;
+              background-color: $color-purple-50;
+              color: $color-white;
+              text-decoration: underline;
             }
 
             // The `a` and `a:visited` violate this rule, but are safe: