diff --git a/app/gui/src/project-view/assets/base.css b/app/gui/src/project-view/assets/base.css
index 46c3f8414943..e39c603ab2b8 100644
--- a/app/gui/src/project-view/assets/base.css
+++ b/app/gui/src/project-view/assets/base.css
@@ -8,14 +8,15 @@
  *** semantic color variables for this project ***
  *************************************************/
 :root {
-  --color-text: rgb(118 118 118);
+  --color-ag-header-text: rgb(0 0 0);
+  --color-text: rgb(82 82 82);
   --color-primary: rgb(0 0 0 / 0.6);
   --color-text-light: rgb(255 255 255 / 0.7);
   --color-text-inversed: rgb(255 255 255);
   --color-app-bg: rgb(255 255 255 / 0.8);
   --color-menu-entry-hover-bg: rgb(0 0 0 / 0.1);
   --color-menu-entry-selected-bg: rgb(0 0 0 / 0.05);
-  --color-visualization-bg: rgb(255 242 242);
+  --color-visualization-bg: rgb(242 242 242);
   --color-dim: rgb(0 0 0 / 0.25);
   --color-frame-bg: rgb(255 255 255 / 0.3);
   --color-frame-selected-bg: rgb(255 255 255 / 0.7);
diff --git a/app/gui/src/project-view/components/shared/AgGridTableView.vue b/app/gui/src/project-view/components/shared/AgGridTableView.vue
index 5c082489d51e..284e6aa1d978 100644
--- a/app/gui/src/project-view/components/shared/AgGridTableView.vue
+++ b/app/gui/src/project-view/components/shared/AgGridTableView.vue
@@ -360,6 +360,7 @@ const { AgGridVue } = await import('ag-grid-vue3')
   --ag-grid-size: 3px;
   --ag-list-item-height: 20px;
   --ag-background-color: var(--color-visualization-bg);
+  --ag-header-foreground-color: var(--color-ag-header-text);
   --ag-odd-row-background-color: color-mix(in srgb, var(--color-visualization-bg) 98%, black);
   --ag-header-background-color: var(--color-visualization-bg);
   font-family: var(--font-mono);
diff --git a/app/gui/src/project-view/components/visualizations/TableVisualization.vue b/app/gui/src/project-view/components/visualizations/TableVisualization.vue
index c80491108a2d..f00f7c1ab042 100644
--- a/app/gui/src/project-view/components/visualizations/TableVisualization.vue
+++ b/app/gui/src/project-view/components/visualizations/TableVisualization.vue
@@ -808,6 +808,7 @@ config.setToolbar(
 .table-visualization-status-bar {
   height: 20px;
   font-size: 14px;
+  color: var(--color-ag-header-text);
   white-space: nowrap;
   padding: 0 5px;
   overflow: hidden;
diff --git a/app/gui/src/project-view/components/visualizations/TableVisualization/tableVizToolbar.ts b/app/gui/src/project-view/components/visualizations/TableVisualization/tableVizToolbar.ts
index 56e9da89a548..edf7366900dd 100644
--- a/app/gui/src/project-view/components/visualizations/TableVisualization/tableVizToolbar.ts
+++ b/app/gui/src/project-view/components/visualizations/TableVisualization/tableVizToolbar.ts
@@ -184,8 +184,8 @@ function createFormatMenu({ textFormatterSelected }: FormatMenuOptions): Toolbar
       partial: {
         icon: 'paragraph',
         iconStyle: {
-          stroke: 'grey',
-          color: 'grey',
+          stroke: '#525252',
+          color: '#525252',
         },
         title: 'Text displayed in monospace font, only multiple spaces displayed with "\xB7"',
         label: 'Partial whitespace rendering',