diff --git a/src/provider/GlobalStyles.tsx b/src/provider/GlobalStyles.tsx
index 7edfd241..50a7490f 100644
--- a/src/provider/GlobalStyles.tsx
+++ b/src/provider/GlobalStyles.tsx
@@ -662,8 +662,8 @@ export const lightThemeCSS = css`
 
     // The primary color tint for  the apps
     --ac-global-color-primary: rgb(9, 105, 218);
-    --ac-global-color-primary-900: rgb(9, 105, 218, 0.9);
-    --ac-global-color-primary-700: rgb(9, 105, 218, 0.7);
+    --ac-global-color-primary-900: rgba(9, 105, 218, 0.9);
+    --ac-global-color-primary-700: rgba(9, 105, 218, 0.7);
 
     // The newer grays (grey)
     --ac-global-color-grey-50-rgb: 255, 255, 255;