Replace div with Box

Signed-off-by: Charles de Dreuille <charles.dedreuille@gmail.com>

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 {

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