From 5846952d7cbd8b267810e28223ed52e5278b04f9 Mon Sep 17 00:00:00 2001
From: Thomas Heartman <thomas@getunleash.io>
Date: Tue, 21 Jan 2025 12:51:20 +0100
Subject: [PATCH] fix: specify colors for buttons (#9124)

Fixes an issue where the buttons would be illegible in dark mode
because we don't set the color explicitly. It just happened to work in
light mode.
---
 .../admin/network/NetworkTrafficUsage/PeriodSelector.tsx        | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/frontend/src/component/admin/network/NetworkTrafficUsage/PeriodSelector.tsx b/frontend/src/component/admin/network/NetworkTrafficUsage/PeriodSelector.tsx
index 0c8b2c5666..e4fffcaddc 100644
--- a/frontend/src/component/admin/network/NetworkTrafficUsage/PeriodSelector.tsx
+++ b/frontend/src/component/admin/network/NetworkTrafficUsage/PeriodSelector.tsx
@@ -72,6 +72,7 @@ const Wrapper = styled('article')(({ theme }) => ({
         fontSize: theme.typography.body1.fontSize,
         padding: theme.spacing(0.5),
         borderRadius: theme.shape.borderRadius,
+        color: theme.palette.text.primary,
 
         '&.selected': {
             backgroundColor: theme.palette.secondary.light,
@@ -79,6 +80,7 @@ const Wrapper = styled('article')(({ theme }) => ({
     },
     'button:disabled': {
         cursor: 'default',
+        color: theme.palette.text.disabled,
     },
 }));