diff --git a/package-lock.json b/package-lock.json
index 1aaa6eb9853..3b76ddf8a80 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -13,7 +13,7 @@
         "@binary-com/binary-document-uploader": "^2.4.4",
         "@binary-com/binary-style": "^0.2.26",
         "@binary-com/webtrader-charts": "^0.6.1",
-        "@deriv-com/quill-ui": "^1.13.37",
+        "@deriv-com/quill-ui": "^1.13.39",
         "@deriv/deriv-api": "^1.0.15",
         "@deriv/quill-icons": "^1.23.1",
         "@livechat/customer-sdk": "4.0.2",
@@ -2502,9 +2502,9 @@
       }
     },
     "node_modules/@deriv-com/quill-ui": {
-      "version": "1.13.37",
-      "resolved": "https://registry.npmjs.org/@deriv-com/quill-ui/-/quill-ui-1.13.37.tgz",
-      "integrity": "sha512-lgy+RwwKDPPktTYlHy67ReK0k743o2ei7pCe68M7CvheYJjpqIgwsdqFJ+N3TC/HxPg5k+XqWpeUEWAOR6dJTA==",
+      "version": "1.13.39",
+      "resolved": "https://registry.npmjs.org/@deriv-com/quill-ui/-/quill-ui-1.13.39.tgz",
+      "integrity": "sha512-L3Zt1JhlIVbJ4VBQ8ECZm1uHX6IL/N/a+JHqDPU6B8yn/JZHmxcj15AEMX6P8WyVxKKCArEub07etEPl/frY1Q==",
       "dependencies": {
         "@deriv-com/quill-tokens": "^2.0.8",
         "@deriv/quill-icons": "^1.22.10",
diff --git a/package.json b/package.json
index f18dff4f30c..f728790e704 100644
--- a/package.json
+++ b/package.json
@@ -105,7 +105,7 @@
     "@binary-com/binary-document-uploader": "^2.4.4",
     "@binary-com/binary-style": "^0.2.26",
     "@binary-com/webtrader-charts": "^0.6.1",
-    "@deriv-com/quill-ui": "^1.13.37",
+    "@deriv-com/quill-ui": "^1.13.39",
     "@deriv/deriv-api": "^1.0.15",
     "@deriv/quill-icons": "^1.23.1",
     "@livechat/customer-sdk": "4.0.2",
diff --git a/src/javascript/app/pages/form/currency-dropdown.jsx b/src/javascript/app/pages/form/currency-dropdown.jsx
index 9cba742c7cb..bba2c1ab943 100644
--- a/src/javascript/app/pages/form/currency-dropdown.jsx
+++ b/src/javascript/app/pages/form/currency-dropdown.jsx
@@ -26,7 +26,10 @@ const CurrencyContent = ({ currency_list, currency, onUpdate, elementId }) => {
     );
 };
 export const CurrencyDropdown = ({ currency_list, currency, onUpdate, elementId }) => (
-    <CustomDropdown value={currency}>
+    <CustomDropdown
+        value={currency}
+        fullHeightOnOpen={false}
+    >
         <CurrencyContent
             currency_list={currency_list}
             currency={currency}
diff --git a/src/javascript/app/pages/form/dropdown-component.jsx b/src/javascript/app/pages/form/dropdown-component.jsx
index f03fea6dedf..05342d2ef8d 100644
--- a/src/javascript/app/pages/form/dropdown-component.jsx
+++ b/src/javascript/app/pages/form/dropdown-component.jsx
@@ -29,7 +29,11 @@ const DropdownContent = ({ options, value, onUpdate, elementId }) => {
     );
 };
 export const DropdownComponent = ({ label = '', options, value, onUpdate, elementId }) => (
-    <CustomDropdown value={value} label={label}>
+    <CustomDropdown
+        value={value}
+        label={label}
+        fullHeightOnOpen={false}
+    >
         <DropdownContent
             options={options}
             value={value}
diff --git a/src/javascript/app/pages/form/form-component.jsx b/src/javascript/app/pages/form/form-component.jsx
index 7ade7024c50..d051cb4af53 100644
--- a/src/javascript/app/pages/form/form-component.jsx
+++ b/src/javascript/app/pages/form/form-component.jsx
@@ -226,6 +226,7 @@ export const FormComponent = () => {
                                                                 onSelectDate={(value) => {
                                                                     onExpiryDateChange(value);
                                                                 }}
+                                                                fullHeightOnOpen={false}
                                                             />
                                                         ) : (
                                                             <DropdownComponent
diff --git a/src/javascript/app/pages/form/numbers-dropdown.jsx b/src/javascript/app/pages/form/numbers-dropdown.jsx
index 90a2f352f2f..6a4c382a82c 100644
--- a/src/javascript/app/pages/form/numbers-dropdown.jsx
+++ b/src/javascript/app/pages/form/numbers-dropdown.jsx
@@ -22,7 +22,11 @@ const Content = ({ value, start, end, elementId, onUpdate }) => {
 };
 
 export const NumbersDropdown = ({ value, label, start, end, elementId, onUpdate }) => (
-    <CustomDropdown value={value} label={label}>
+    <CustomDropdown
+        value={value}
+        label={label}
+        fullHeightOnOpen={false}
+    >
         <Content
             value={value}
             start={start}
diff --git a/src/javascript/app/pages/form/time-selection.jsx b/src/javascript/app/pages/form/time-selection.jsx
index 8d6e623ac59..a57efd45d77 100644
--- a/src/javascript/app/pages/form/time-selection.jsx
+++ b/src/javascript/app/pages/form/time-selection.jsx
@@ -82,7 +82,11 @@ export const TimePickerDropdown = ({
     };
 
     return (
-        <CustomDropdown value={time} onClickDropdown={() => handleOpen(elementId)}>
+        <CustomDropdown
+            value={time}
+            onClickDropdown={() => handleOpen(elementId)}
+            fullHeightOnOpen={false}
+        >
             <TimeContent
                 time={time}
                 onUpdate={onUpdate}
diff --git a/src/sass/_common/reskin.scss b/src/sass/_common/reskin.scss
index 7caf5b6f506..8b103f9c07c 100644
--- a/src/sass/_common/reskin.scss
+++ b/src/sass/_common/reskin.scss
@@ -198,6 +198,10 @@ body {
         scrollbar-color: rgba(0, 0, 0, 0.08) transparent;
         border-radius: var(--core-borderRadius-500);
 
+        @media(max-width: 768px){
+            max-height: unset;
+        }
+
         &::-webkit-scrollbar {
             scrollbar-width: thin;
             width: var(--core-size-200);