diff --git a/packages/manager/src/foundations/themes/dark.ts b/packages/manager/src/foundations/themes/dark.ts
index 5307ee7aad4..4a374ee9d1b 100644
--- a/packages/manager/src/foundations/themes/dark.ts
+++ b/packages/manager/src/foundations/themes/dark.ts
@@ -354,6 +354,9 @@ export const darkTheme: ThemeOptions = {
         color: 'primary',
       },
       styleOverrides: {
+        clickable: {
+          color: Color.Brand[100],
+        },
         colorError: {
           backgroundColor: Badge.Bold.Red.Background,
           color: Badge.Bold.Red.Text,
diff --git a/packages/manager/src/foundations/themes/light.ts b/packages/manager/src/foundations/themes/light.ts
index 5b8dfa3338b..548cfb375cb 100644
--- a/packages/manager/src/foundations/themes/light.ts
+++ b/packages/manager/src/foundations/themes/light.ts
@@ -555,10 +555,10 @@ export const lightTheme: ThemeOptions = {
       styleOverrides: {
         clickable: {
           '&:focus': {
-            bbackgroundColor: Color.Brand[40], // TODO: This was the closest color according to our palette
+            backgroundColor: Color.Brand[30], // TODO: This was the closest color according to our palette
           },
           '&:hover': {
-            bbackgroundColor: Color.Brand[40], // TODO: This was the closest color according to our palette
+            backgroundColor: Color.Brand[30], // TODO: This was the closest color according to our palette
           },
           backgroundColor: Color.Brand[10], // TODO: This was the closest color according to our palette
         },