From 8f83856603aa8dec6f1657cdc993fee74c6e85c5 Mon Sep 17 00:00:00 2001
From: Bogdan Preda <bogdan.preda@themeisle.com>
Date: Fri, 24 Nov 2023 10:26:47 +0200
Subject: [PATCH] fix: popover in dropdown component

---
 assets/apps/components/src/Common/GlobalColorsPicker.js | 3 +++
 assets/apps/components/src/Controls/ColorControl.js     | 3 +++
 assets/apps/components/src/Controls/MultiSelect.js      | 3 +++
 3 files changed, 9 insertions(+)

diff --git a/assets/apps/components/src/Common/GlobalColorsPicker.js b/assets/apps/components/src/Common/GlobalColorsPicker.js
index 4b7778747b..15ddf73120 100644
--- a/assets/apps/components/src/Common/GlobalColorsPicker.js
+++ b/assets/apps/components/src/Common/GlobalColorsPicker.js
@@ -33,6 +33,9 @@ const GlobalColorsPicker = ({ onChange, activeColor, isGlobal }) => {
 					/>
 				</>
 			)}
+			popoverProps={{
+				inline: true,
+			}}
 		/>
 	);
 };
diff --git a/assets/apps/components/src/Controls/ColorControl.js b/assets/apps/components/src/Controls/ColorControl.js
index 7f6906a412..44ed0ea76e 100644
--- a/assets/apps/components/src/Controls/ColorControl.js
+++ b/assets/apps/components/src/Controls/ColorControl.js
@@ -88,6 +88,9 @@ const ColorControl = ({
 						? ''
 						: 'neve-color-picker-dropdown'
 				}
+				popoverProps={{
+					inline: true,
+				}}
 				renderToggle={({ isOpen, onToggle }) => {
 					toggle = onToggle;
 					return (
diff --git a/assets/apps/components/src/Controls/MultiSelect.js b/assets/apps/components/src/Controls/MultiSelect.js
index 104b27a748..95057e7e26 100644
--- a/assets/apps/components/src/Controls/MultiSelect.js
+++ b/assets/apps/components/src/Controls/MultiSelect.js
@@ -52,6 +52,9 @@ const MultiSelect = ({ choices, onChange, currentValue, label }) => {
 				<Dropdown
 					className="dd-toggle"
 					focusOnMount={false}
+					popoverProps={{
+						inline: true,
+					}}
 					renderToggle={({ isOpen, onToggle }) => (
 						<Button
 							isSmall