diff --git a/packages/bruno-app/src/styles/globals.css b/packages/bruno-app/src/styles/globals.css
index 4ced11676..cf132dcd9 100644
--- a/packages/bruno-app/src/styles/globals.css
+++ b/packages/bruno-app/src/styles/globals.css
@@ -26,22 +26,22 @@
 :root,.graphiql-container,.CodeMirror-info,.CodeMirror-lint-tooltip,reach-portal {
   /* Required CSS variables after upgrading GraphiQL from v1.5.9 to v2.4.7 */
   /* Colors */
-  --color-primary: 320, 95%, 43%;
-  --color-secondary: 242, 51%, 61%;
-  --color-tertiary: 188, 100%, 36%;
-  --color-info: 208, 100%, 46%;
-  --color-success: 158, 60%, 42%;
-  --color-warning: 36, 100%, 41%;
-  --color-error: 13, 93%, 58%;
-  --color-neutral: 219, 28%, 32%;
-  --color-base: 219, 28%, 100%;
+  --color-primary: 320, 95%, 43% !important;
+  --color-secondary: 242, 51%, 61% !important;
+  --color-tertiary: 188, 100%, 36% !important;
+  --color-info: 208, 100%, 46% !important;
+  --color-success: 158, 60%, 42% !important;
+  --color-warning: 36, 100%, 41% !important;
+  --color-error: 13, 93%, 58% !important;
+  --color-neutral: 219, 28%, 32% !important;
+  --color-base: 219, 28%, 100% !important;
 
   /* Color alpha values */
-  --alpha-secondary: 0.76;
-  --alpha-tertiary: 0.5;
-  --alpha-background-heavy: 0.15;
-  --alpha-background-medium: 0.1;
-  --alpha-background-light: 0.07;
+  --alpha-secondary: 0.76 !important;
+  --alpha-tertiary: 0.5 !important;
+  --alpha-background-heavy: 0.15 !important;
+  --alpha-background-medium: 0.1 !important;
+  --alpha-background-light: 0.07 !important;
   
   --font-size-hint: .75rem;
   --font-size-inline-code: .8125rem;