From 03eac584f6c07bd79406b733efbb4d825a27471c Mon Sep 17 00:00:00 2001
From: SethBurkart123 <hi25S.burkart@hills.adventist.edu.au>
Date: Fri, 2 Feb 2024 14:33:14 +1100
Subject: [PATCH] fix: change tab controller in settings to gray for
 consistency

---
 src/interface/components/TabbedContainer.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/interface/components/TabbedContainer.tsx b/src/interface/components/TabbedContainer.tsx
index 4c23829f..dfd6b5ed 100644
--- a/src/interface/components/TabbedContainer.tsx
+++ b/src/interface/components/TabbedContainer.tsx
@@ -68,8 +68,8 @@ const TabbedContainer: React.FC<TabbedContainerProps> = ({ tabs }) => {
     <div ref={containerRef} className="top-0 z-10 text-[0.875rem] pb-0.5 mx-4">
       <div className="relative flex">          
         <motion.div
-          className="absolute top-0 left-0 z-0 h-full rounded-full opacity-40"
-          style={{ width: `${tabWidth}px`, background: themeColor }}
+          className="absolute top-0 left-0 z-0 h-full bg-[#DDDDDD] rounded-full opacity-40"
+          style={{ width: `${tabWidth}px` }}
           initial={false}
           animate={{ x: calcXPos(hoveredTab) }}
           transition={springTransition}