From b5d08664d6d173b1061e27c7a59acc14154a1a12 Mon Sep 17 00:00:00 2001
From: Charles de Dreuille <charles.dedreuille@gmail.com>
Date: Mon, 23 Mar 2026 15:24:23 +0000
Subject: [PATCH] Replace div with Box

Signed-off-by: Charles de Dreuille <charles.dedreuille@gmail.com>
---
 .../src/components/PluginHeader/PluginHeader.module.css   | 1 -
 packages/ui/src/components/PluginHeader/PluginHeader.tsx  | 8 ++++++--
 2 files changed, 6 insertions(+), 3 deletions(-)

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">