From 084e3c02f09256a1bbb3c9ea51b3194e333e8390 Mon Sep 17 00:00:00 2001
From: gazizova-vlada <vlada.gazizova@onlyoffice.com>
Date: Tue, 13 Sep 2022 16:59:36 +0300
Subject: [PATCH] Web:Client:Fix styles ComboBox in LanguageAndTimeZone.

---
 .../common/settingsCustomization/StyledSettings.js          | 6 ++++++
 .../common/settingsCustomization/language-and-time-zone.js  | 4 ++--
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/packages/client/src/pages/PortalSettings/categories/common/settingsCustomization/StyledSettings.js b/packages/client/src/pages/PortalSettings/categories/common/settingsCustomization/StyledSettings.js
index acd0d1c3d7..317cb2fe6e 100644
--- a/packages/client/src/pages/PortalSettings/categories/common/settingsCustomization/StyledSettings.js
+++ b/packages/client/src/pages/PortalSettings/categories/common/settingsCustomization/StyledSettings.js
@@ -58,6 +58,12 @@ const StyledSettingsComponent = styled.div`
     height: 40px;
   }
 
+  .combo-box-settings {
+    .combo-button {
+      justify-content: space-between !important;
+    }
+  }
+
   @media (max-width: 599px) {
     ${(props) =>
       props.hasScroll &&
diff --git a/packages/client/src/pages/PortalSettings/categories/common/settingsCustomization/language-and-time-zone.js b/packages/client/src/pages/PortalSettings/categories/common/settingsCustomization/language-and-time-zone.js
index 31e5d2235e..9371c00439 100644
--- a/packages/client/src/pages/PortalSettings/categories/common/settingsCustomization/language-and-time-zone.js
+++ b/packages/client/src/pages/PortalSettings/categories/common/settingsCustomization/language-and-time-zone.js
@@ -437,7 +437,7 @@ class LanguageAndTimeZone extends React.Component {
             scaled={true}
             scaledOptions={true}
             dropDownMaxHeight={300}
-            className="dropdown-item-width"
+            className="dropdown-item-width combo-box-settings"
           />
         </FieldContainer>
         <FieldContainer
@@ -455,7 +455,7 @@ class LanguageAndTimeZone extends React.Component {
             scaled={true}
             scaledOptions={true}
             dropDownMaxHeight={300}
-            className="dropdown-item-width"
+            className="dropdown-item-width combo-box-settings"
           />
         </FieldContainer>
       </div>