diff --git a/src/views/Lending/Cooler/dashboard/IncomeGraph.tsx b/src/views/Lending/Cooler/dashboard/IncomeGraph.tsx
index 6d773140e9..25f0465f49 100644
--- a/src/views/Lending/Cooler/dashboard/IncomeGraph.tsx
+++ b/src/views/Lending/Cooler/dashboard/IncomeGraph.tsx
@@ -39,6 +39,9 @@ export const IncomeGraph = ({ startDate }: { startDate?: Date }) => {
   const bulletpointStyles = getBulletpointStylesMap(DEFAULT_BULLETPOINT_COLOURS, dataKeys);
   const colorsMap = getDataKeyColorsMap(DEFAULT_COLORS, dataKeys);
   const dataKeyLabels = getCategoriesMap(itemNames, dataKeys);
+  const tickStyle = getTickStyle(theme);
+  tickStyle.stroke = "#8A8B90";
+  tickStyle.fill = "#8A8B90";
 
   return (
     <Grid container>
@@ -68,7 +71,7 @@ export const IncomeGraph = ({ startDate }: { startDate?: Date }) => {
           dataKeyLabels={dataKeyLabels}
           infoTooltipMessage={""}
           isLoading={!coolerSnapshots}
-          tickStyle={getTickStyle(theme)}
+          tickStyle={tickStyle}
           itemDecimals={0}
           margin={{ left: 30 }}
         />
diff --git a/src/views/Lending/Cooler/dashboard/MaturityGraph.tsx b/src/views/Lending/Cooler/dashboard/MaturityGraph.tsx
index 5133756e7d..1cf204f79b 100644
--- a/src/views/Lending/Cooler/dashboard/MaturityGraph.tsx
+++ b/src/views/Lending/Cooler/dashboard/MaturityGraph.tsx
@@ -102,6 +102,9 @@ export const MaturityGraph = () => {
   const bulletpointStyles = getBulletpointStylesMap(DEFAULT_BULLETPOINT_COLOURS, dataKeys);
   const colorsMap = getDataKeyColorsMap(DEFAULT_COLORS, dataKeys);
   const dataKeyLabels = getCategoriesMap(itemNames, dataKeys);
+  const tickStyle = getTickStyle(theme);
+  tickStyle.stroke = "#8A8B90";
+  tickStyle.fill = "#8A8B90";
 
   return (
     <Grid container>
@@ -131,7 +134,7 @@ export const MaturityGraph = () => {
           dataKeyLabels={dataKeyLabels}
           infoTooltipMessage={""}
           isLoading={!coolerSnapshots}
-          tickStyle={getTickStyle(theme)}
+          tickStyle={tickStyle}
           itemDecimals={0}
           margin={{ left: 30 }}
           displayTooltipTotal={true}
diff --git a/src/views/Lending/Cooler/dashboard/UtilisationGraph.tsx b/src/views/Lending/Cooler/dashboard/UtilisationGraph.tsx
index dae8587447..2d95974803 100644
--- a/src/views/Lending/Cooler/dashboard/UtilisationGraph.tsx
+++ b/src/views/Lending/Cooler/dashboard/UtilisationGraph.tsx
@@ -43,6 +43,9 @@ export const UtilisationGraph = ({ startDate }: { startDate?: Date }) => {
   const bulletpointStyles = getBulletpointStylesMap(DEFAULT_BULLETPOINT_COLOURS, dataKeys);
   const colorsMap = getDataKeyColorsMap(DEFAULT_COLORS, dataKeys);
   const dataKeyLabels = getCategoriesMap(itemNames, dataKeys);
+  const tickStyle = getTickStyle(theme);
+  tickStyle.stroke = "#8A8B90";
+  tickStyle.fill = "#8A8B90";
 
   return (
     <Grid container>
@@ -72,7 +75,7 @@ export const UtilisationGraph = ({ startDate }: { startDate?: Date }) => {
           dataKeyLabels={dataKeyLabels}
           infoTooltipMessage={""}
           isLoading={!coolerSnapshots}
-          tickStyle={getTickStyle(theme)}
+          tickStyle={tickStyle}
           itemDecimals={0}
           margin={{ left: 30 }}
         />