From 20cf46de7a2e91f94f2094771d6823e75a241a3e Mon Sep 17 00:00:00 2001
From: Timofey Boyko <timofey.boyko@onlyoffice.com>
Date: Wed, 10 Apr 2024 11:58:02 +0300
Subject: [PATCH] Shared:Components:Filter: fix sort button for IOS mobile

---
 packages/shared/components/filter/Filter.styled.ts | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/packages/shared/components/filter/Filter.styled.ts b/packages/shared/components/filter/Filter.styled.ts
index d6cbb50924..e5b33031fb 100644
--- a/packages/shared/components/filter/Filter.styled.ts
+++ b/packages/shared/components/filter/Filter.styled.ts
@@ -25,6 +25,7 @@
 // International. See the License terms at http://creativecommons.org/licenses/by-sa/4.0/legalcode
 
 import styled, { css } from "styled-components";
+import { isIOS, isMobile } from "react-device-detect";
 
 import CrossIcon from "PUBLIC_DIR/images/cross.react.svg";
 
@@ -563,6 +564,7 @@ const StyledSortButton = styled.div<{ viewAs: TViewAs; isDesc: boolean }>`
   .combo-button {
     background: ${(props) =>
       props.theme.filterInput.sort.background} !important;
+    padding-right: 4px;
 
     .icon-button_svg {
       cursor: pointer;
@@ -596,6 +598,12 @@ const StyledSortButton = styled.div<{ viewAs: TViewAs; isDesc: boolean }>`
       min-width: 200px;
       margin-top: 3px;
 
+      ${isMobile &&
+      isIOS &&
+      css`
+        right: 48px;
+      `}
+
       .view-selector-item {
         display: flex;
         align-items: center;