diff --git a/packages/ui/src/components/PluginHeader/PluginHeader.module.css b/packages/ui/src/components/PluginHeader/PluginHeader.module.css
index 703fd6e4cf..8115cc8a7f 100644
--- a/packages/ui/src/components/PluginHeader/PluginHeader.module.css
+++ b/packages/ui/src/components/PluginHeader/PluginHeader.module.css
@@ -72,6 +72,5 @@
   .bui-PluginHeaderTabsWrapper {
     padding-inline: var(--bui-space-3);
     border-bottom: 1px solid var(--bui-border-1);
-    background-color: var(--bui-bg-neutral-1);
   }
 }
diff --git a/packages/ui/src/components/PluginHeader/PluginHeader.tsx b/packages/ui/src/components/PluginHeader/PluginHeader.tsx
index e7f76d6a5b..7a2999e363 100644
--- a/packages/ui/src/components/PluginHeader/PluginHeader.tsx
+++ b/packages/ui/src/components/PluginHeader/PluginHeader.tsx
@@ -147,7 +147,7 @@ export const PluginHeader = (props: PluginHeaderProps) => {
           <div className={classes.toolbarControls}>{actionChildren}</div>
         </Box>
         {tabs && (
-          <Box className={classes.tabs}>
+          <Box bg="neutral" className={classes.tabs}>
             <Tabs onSelectionChange={onTabSelectionChange}>
               <TabList>
                 {tabs?.map(tab => (