diff --git a/packages/ui/src/components/PluginHeader/PluginHeader.module.css b/packages/ui/src/components/PluginHeader/PluginHeader.module.css
index 8115cc8a7f..1ab0f9570a 100644
--- a/packages/ui/src/components/PluginHeader/PluginHeader.module.css
+++ b/packages/ui/src/components/PluginHeader/PluginHeader.module.css
@@ -53,7 +53,6 @@
     width: 2rem;
     height: 2rem;
     border-radius: var(--bui-radius-2);
-    background-color: var(--bui-bg-neutral-2);
     color: var(--bui-fg-primary);
 
     & svg {
diff --git a/packages/ui/src/components/PluginHeader/PluginHeader.tsx b/packages/ui/src/components/PluginHeader/PluginHeader.tsx
index 7a2999e363..e410ce91f9 100644
--- a/packages/ui/src/components/PluginHeader/PluginHeader.tsx
+++ b/packages/ui/src/components/PluginHeader/PluginHeader.tsx
@@ -129,9 +129,13 @@ export const PluginHeader = (props: PluginHeaderProps) => {
       <header ref={headerRef} className={classes.root}>
         <Box bg="neutral" className={classes.toolbar} data-has-tabs={hasTabs}>
           <div className={classes.toolbarContent}>
-            <div className={classes.toolbarIcon} aria-hidden="true">
+            <Box
+              bg="neutral"
+              className={classes.toolbarIcon}
+              aria-hidden="true"
+            >
               {icon || <RiShapesLine />}
-            </div>
+            </Box>
             <h1 className={classes.toolbarName}>
               {titleLink ? (
                 <Link href={titleLink} standalone variant="body-medium">