From eb73c9cd5b14c4f7906580b4120c383b0fcb2876 Mon Sep 17 00:00:00 2001
From: Akhil G Krishnan <akhilgkrishnan4u@gmail.com>
Date: Tue, 21 Sep 2021 17:30:14 +0530
Subject: [PATCH] Fix for broken pin icon of popovers in dark mode (#802)

* Fix: Pin icon white  stroke showing in dark theme

* Secondary outline color added for pin button.
---
 frontend/src/Editor/LeftSidebar/SidebarPinnedButton.jsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/src/Editor/LeftSidebar/SidebarPinnedButton.jsx b/frontend/src/Editor/LeftSidebar/SidebarPinnedButton.jsx
index a92c963aa5..a69fd14871 100644
--- 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>