Merge branch 'feature/form-gallery-error-view' of https://github.com/ONLYOFFICE/DocSpace-client into feature/form-gallery-error-view

packages/client/src/components/panels/InvitePanel/StyledInvitePanel.js

@@ -447,27 +447,20 @@ const StyledInviteLanguage = styled.div`
   }
 
   .invitation-language {
-    ${(props) =>
-      props.theme.interfaceDirection === "rtl"
-        ? css`
-            margin-left: 4px;
-          `
-        : css`
-            margin-right: 4px;
-          `}
     color: ${(props) =>
       props.theme.createEditRoomDialog.commonParam.descriptionColor};
   }
   .language-combo-box {
     .combo-button {
       padding-left: 6px;
-      padding-right: 0px;
+      padding-right: 6px;
     }
     .combo-button-label {
       color: ${(props) =>
         props.theme.createEditRoomDialog.commonParam.descriptionColor};
     }
     .combo-buttons_arrow-icon {
+      margin-left: 0px;
       svg {
         path {
           fill: ${(props) =>

packages/client/src/components/panels/InvitePanel/sub-components/InviteInput.js

@@ -346,6 +346,7 @@ const InviteInput = ({
             textOverflow
             scaledOptions={false}
             size="content"
+            manualWidth="280px"
             showDisabledItems={true}
             dropDownMaxHeight={364}
             withBlur={isMobileView}

packages/client/src/pages/Profile/Section/Body/sub-components/main-profile/index.js

@@ -298,7 +298,7 @@ const MainProfile = (props) => {
                 size="content"
                 showDisabledItems={true}
                 dropDownMaxHeight={364}
-                manualWidth="250px"
+                manualWidth="280px"
                 isDefaultMode={
                   isMobileHorizontalOrientation
                     ? isMobileHorizontalOrientation

packages/components/tabs-container/styled-tabs-container.js

@@ -26,9 +26,9 @@ const Label = styled.div`
   .title_style {
     text-align: center;
     margin: ${(props) => props.theme.tabsContainer.label.title.margin};
-    overflow: ${(props) => props.theme.tabsContainer.label.title.overflow};
-
-    ${NoUserSelect}
+    overflow: ${(props) =>
+      props.theme.interfaceDirection === "rtl" ? "visible" : "hidden"};
+    ${NoUserSelect};
   }
 
   ${(props) =>