From 6f53b26ec3a12196c88dbb910b0f5ab3e28526ff Mon Sep 17 00:00:00 2001
From: Timofey Boyko <timofey.boyko@onlyoffice.com>
Date: Mon, 12 Aug 2024 13:15:14 +0300
Subject: [PATCH] Bug 69629 - Accounts. The language selection window expands
 when you change the width of the browser window when the dark theme is
 enabled

---
 packages/shared/components/drop-down/DropDown.styled.ts        | 3 ++-
 .../shared/components/language-combobox/LanguageCombobox.tsx   | 2 +-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/packages/shared/components/drop-down/DropDown.styled.ts b/packages/shared/components/drop-down/DropDown.styled.ts
index 69bd55f1c1..4fa68fb4af 100644
--- a/packages/shared/components/drop-down/DropDown.styled.ts
+++ b/packages/shared/components/drop-down/DropDown.styled.ts
@@ -93,6 +93,7 @@ const StyledDropdown = styled.div<{
     props.zIndex ? props.zIndex : props.theme.dropDown.zIndex};
   display: ${(props) =>
     props.open ? (props.columnCount ? "block" : "table") : "none"};
+  table-layout: fixed;
 
   ${(props) =>
     !props.isDropdownReady &&
@@ -105,7 +106,7 @@ const StyledDropdown = styled.div<{
   border: ${(props) => props.theme.dropDown.border};
   border-radius: ${(props) => props.theme.dropDown.borderRadius};
   -moz-border-radius: ${(props) => props.theme.dropDown.borderRadius};
-  -webkit-border-radius: ${(props) => props.theme.dropDown.borderRadius};
+  -webkit-border-radius: ${(props) => props.theme.dropDown.borderRadius};dropDownMaxHeight
   box-shadow: ${(props) => props.theme.dropDown.boxShadow};
   -moz-box-shadow: ${(props) => props.theme.dropDown.boxShadow};
   -webkit-box-shadow: ${(props) => props.theme.dropDown.boxShadow};
diff --git a/packages/shared/components/language-combobox/LanguageCombobox.tsx b/packages/shared/components/language-combobox/LanguageCombobox.tsx
index 27b2a2864a..d28925944c 100644
--- a/packages/shared/components/language-combobox/LanguageCombobox.tsx
+++ b/packages/shared/components/language-combobox/LanguageCombobox.tsx
@@ -74,7 +74,7 @@ const LanguageCombobox = (props: ComboboxProps) => {
       dropDownMaxHeight={300}
       fillIcon={false}
       displaySelectedOption
-      manualWidth="41px"
+      manualWidth="42px"
       noBorder={false}
       type="onlyIcon"
       optionStyle={{ padding: "0 8px" }}