From d997ce3eb6d59a2caf180319baa099919a5d2eb5 Mon Sep 17 00:00:00 2001
From: Viktor Fomin <viktor.fomin@onlyoffice.com>
Date: Sat, 10 Feb 2024 00:40:59 +0300
Subject: [PATCH] Shared: LinkWithDropdown: fix style

---
 .../LinkWithDropdown.styled.tsx               | 28 +++++++++++--------
 1 file changed, 16 insertions(+), 12 deletions(-)

diff --git a/packages/shared/components/link-with-dropdown/LinkWithDropdown.styled.tsx b/packages/shared/components/link-with-dropdown/LinkWithDropdown.styled.tsx
index 16711e34b2..b6d685545e 100644
--- a/packages/shared/components/link-with-dropdown/LinkWithDropdown.styled.tsx
+++ b/packages/shared/components/link-with-dropdown/LinkWithDropdown.styled.tsx
@@ -191,7 +191,7 @@ StyledText.defaultProps = { theme: Base };
 //   }
 // `;
 
-const StyledSpan = styled.span<{ $isOpen?: boolean; withoutHover?: boolean }>`
+const StyledSpan = styled.span<{ $isOpen?: boolean }>`
   display: inline-block;
   padding: 4px 8px;
   border-radius: 3px;
@@ -213,19 +213,22 @@ const StyledSpan = styled.span<{ $isOpen?: boolean; withoutHover?: boolean }>`
     }
   }
 
-  ${(props) =>
-    !props.withoutHover &&
-    css`
-      :hover {
-        color: ${props.theme.linkWithDropdown.color.hover};
+  :hover {
+    color: ${(props) => props.theme.linkWithDropdown.color.hover};
 
-        background: ${props.theme.linkWithDropdown.background.hover};
-        .expander {
-          path {
-            fill: ${props.theme.linkWithDropdown.color.hover};
-          }
-        }
+    background: ${(props) => props.theme.linkWithDropdown.background.hover};
+    .expander {
+      path {
+        fill: ${(props) => props.theme.linkWithDropdown.color.hover};
       }
+    }
+  }
+
+  ${(props) =>
+    props.$isOpen &&
+    css`
+      color: ${props.theme.linkWithDropdown.color.hover};
+      background: ${props.theme.linkWithDropdown.background.hover};
     `}
 `;
 StyledSpan.defaultProps = { theme: Base };
@@ -237,3 +240,4 @@ export {
   StyledLinkWithDropdown,
   Caret,
 };
+