diff --git a/src/interface/components/TabbedContainer.tsx b/src/interface/components/TabbedContainer.tsx
index dfd6b5ed..d20ee8ea 100644
--- a/src/interface/components/TabbedContainer.tsx
+++ b/src/interface/components/TabbedContainer.tsx
@@ -68,7 +68,7 @@ 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 bg-[#DDDDDD] rounded-full opacity-40"
+          className="absolute top-0 left-0 z-0 h-full bg-[#DDDDDD] dark:bg-[#38373D] rounded-full opacity-40"
           style={{ width: `${tabWidth}px` }}
           initial={false}
           animate={{ x: calcXPos(hoveredTab) }}