diff --git a/web/ASC.Web.Components/package.json b/web/ASC.Web.Components/package.json
index 90c93f9378..ba7bd53252 100644
--- a/web/ASC.Web.Components/package.json
+++ b/web/ASC.Web.Components/package.json
@@ -1,6 +1,6 @@
 {
   "name": "asc-web-components",
-  "version": "1.0.483",
+  "version": "1.0.484",
   "description": "Ascensio System SIA component library",
   "license": "AGPL-3.0",
   "main": "dist/asc-web-components.js",
diff --git a/web/ASC.Web.Components/src/components/drop-down/index.js b/web/ASC.Web.Components/src/components/drop-down/index.js
index 5401f9d8af..da5dd1d698 100644
--- a/web/ASC.Web.Components/src/components/drop-down/index.js
+++ b/web/ASC.Web.Components/src/components/drop-down/index.js
@@ -24,12 +24,12 @@ const StyledDropdown = styled.div`
   ${(props) =>
     props.directionY === "top" &&
     css`
-      bottom: ${(props) => (props.manualY ? props.manualY : "auto")};
+      bottom: ${(props) => (props.manualY ? props.manualY : "100%")};
     `}
     ${(props) =>
     props.directionY === "bottom" &&
     css`
-      top: ${(props) => (props.manualY ? props.manualY : "auto")};
+      top: ${(props) => (props.manualY ? props.manualY : "100%")};
     `}
     ${(props) =>
     props.directionX === "right" &&
@@ -42,7 +42,8 @@ const StyledDropdown = styled.div`
       left: ${(props) => (props.manualX ? props.manualX : "0px")};
     `}
     z-index: 150;
-  display: ${(props) => (props.open ? "block" : "none")};
+  display: ${(props) =>
+    props.open ? (props.columnCount ? "block" : "table") : "none"};
   background: #ffffff;
   border-radius: 6px;
   -moz-border-radius: 6px;