diff --git a/frontend/src/routes/Module/components/SchemaError.tsx b/frontend/src/routes/Module/components/SchemaError.tsx
index 84298e47..60f35055 100644
--- a/frontend/src/routes/Module/components/SchemaError.tsx
+++ b/frontend/src/routes/Module/components/SchemaError.tsx
@@ -3,10 +3,10 @@ import { warning } from "@/icons/warning";
 
 export function ModuleSchemaError() {
   return (
-    <div className="flex items-center gap-3 bg-brand-500/50 px-4 py-4 dark:bg-brand-800">
+    <div className="flex items-center gap-3 bg-brand-150 px-4 py-4 dark:bg-brand-800">
       <Icon
         path={warning}
-        className="size-em text-brand-800 dark:text-brand-600"
+        className="size-em text-brand-700 dark:text-brand-600"
       />
       We were unable to parse the schema for this module.
     </div>