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}