From a30ed2b766e01a42a803f0d55a6a29c77af415b3 Mon Sep 17 00:00:00 2001
From: Alex Holliday <ajhollid@gmail.com>
Date: Thu, 6 Feb 2025 09:14:19 -0800
Subject: [PATCH] move tab styles to theme so they apply globally

---
 Client/src/Pages/Account/index.jsx    | 5 -----
 Client/src/Utils/Theme/globalTheme.js | 9 +++++++++
 2 files changed, 9 insertions(+), 5 deletions(-)

diff --git a/Client/src/Pages/Account/index.jsx b/Client/src/Pages/Account/index.jsx
index 0a1d2c104..00d805f34 100644
--- a/Client/src/Pages/Account/index.jsx
+++ b/Client/src/Pages/Account/index.jsx
@@ -73,11 +73,6 @@ const Account = ({ open = "profile" }) => {
 					<TabList
 						onChange={handleTabChange}
 						aria-label="account tabs"
-						sx={{
-							"& .MuiTabs-indicator": {
-								backgroundColor: theme.palette.tertiary.contrastText,
-							},
-						}}
 					>
 						{tabList.map((label, index) => (
 							<Tab
diff --git a/Client/src/Utils/Theme/globalTheme.js b/Client/src/Utils/Theme/globalTheme.js
index 4d4c2dd40..bf5f377c2 100644
--- a/Client/src/Utils/Theme/globalTheme.js
+++ b/Client/src/Utils/Theme/globalTheme.js
@@ -358,6 +358,15 @@ const baseTheme = (palette) => ({
 				}),
 			},
 		},
+		MuiTabs: {
+			styleOverrides: {
+				root: ({ theme }) => ({
+					"& .MuiTabs-indicator": {
+						backgroundColor: theme.palette.tertiary.contrastText,
+					},
+				}),
+			},
+		},
 	},
 	shape: {
 		borderRadius: 2,