Fix for broken pin icon of popovers in dark mode (ToolJet#802)

* Fix: Pin icon white stroke showing in dark theme * Secondary outline color added for pin button.
nik0811 · Sep 21, 2021 · eb73c9c · eb73c9c
1 parent 4dc356c
commit eb73c9c
Showing 1 changed file with 1 addition and 1 deletion.
diff --git a/frontend/src/Editor/LeftSidebar/SidebarPinnedButton.jsx b/frontend/src/Editor/LeftSidebar/SidebarPinnedButton.jsx
@@ -7,7 +7,7 @@ export const SidebarPinnedButton = ({ state, component, updateState }) => {
     const tooltipMsg = state ? `Unpin ${component}` : `Pin ${component}`
     return (
         <SidebarPinnedButton.OverlayContainer tip={tooltipMsg}>
-            <div className={`btn btn-sm m-1 ${state ? 'btn-light' : 'btn-default'} ${(component === 'Inspector') && "position-absolute end-0" }`} onClick={updateState} >
+            <div className={`btn btn-sm m-1 ${state ? 'btn-light' : 'btn-outline-secondary'} ${(component === 'Inspector') && "position-absolute end-0" }`} onClick={updateState} >
                 <img className="svg-icon" src={`/assets/images/icons/editor/left-sidebar/pinned.svg`} width="16" height="16" />
             </div>            
         </SidebarPinnedButton.OverlayContainer>