diff --git a/frontend/src/Editor/LeftSidebar/SidebarPinnedButton.jsx b/frontend/src/Editor/LeftSidebar/SidebarPinnedButton.jsx
index ca35a80dbc..dfae481a29 100644
--- a/frontend/src/Editor/LeftSidebar/SidebarPinnedButton.jsx
+++ b/frontend/src/Editor/LeftSidebar/SidebarPinnedButton.jsx
@@ -8,7 +8,7 @@ export const SidebarPinnedButton = ({ state, component, updateState, darkMode })
   return (
     <SidebarPinnedButton.OverlayContainer tip={tooltipMsg}>
       <div
-        className={`btn btn-sm m-1 ${darkMode ? 'btn-outline-secondary' : 'btn-default'} ${state && 'active'} ${
+        className={`btn btn-sm btn-light m-1 ${darkMode && 'btn-outline-secondary'} ${state && 'active'} ${
           component === 'Inspector' && 'position-absolute end-0'
         }`}
         onClick={updateState}