fix active workspaces settings premium badge in light theme

2 files changed, 8 insertions, 0 deletions

diff --git a/src/features/workspaces/components/WorkspacesDashboard.js b/src/features/workspaces/components/WorkspacesDashboard.js
index b141dc960..a0a34c778 100644
--- a/src/features/workspaces/components/WorkspacesDashboard.js
+++ b/src/features/workspaces/components/WorkspacesDashboard.js
@@ -61,6 +61,7 @@ const styles = () => ({
     marginLeft: '-20px',
     marginBottom: '20px',
     height: 'auto',
+    color: 'white',
   },
 });
 
diff --git a/src/styles/settings.scss b/src/styles/settings.scss
index b4f013cad..6340f2951 100644
--- a/src/styles/settings.scss
+++ b/src/styles/settings.scss
@@ -454,6 +454,13 @@
       background: $theme-brand-primary;
       color: #FFF;
 
+      .badge--pro {
+        background: white !important;
+        .badge-icon-pro {
+          fill: $theme-brand-primary;
+        }
+      }
+
       .badge {
         background: #FFF;
         color: $theme-brand-primary;