diff --git a/platform/app/src/routes/DataSourceWrapper.tsx b/platform/app/src/routes/DataSourceWrapper.tsx
index 8290e23ac..3c9ee3a6c 100644
--- a/platform/app/src/routes/DataSourceWrapper.tsx
+++ b/platform/app/src/routes/DataSourceWrapper.tsx
@@ -201,7 +201,7 @@ function DataSourceWrapper(props: withAppTypes) {
             title: 'Data Source Connection Error',
             content: () => {
               return (
-                <div>
+                <div className="text-foreground">
                   <p className="text-red-600">Error: {e.message}</p>
                   <p>
                     Please ensure the following data source is configured correctly or is running: