diff --git a/x-pack/plugins/lens/public/app_plugin/shared/edit_on_the_fly/get_edit_lens_configuration.tsx b/x-pack/plugins/lens/public/app_plugin/shared/edit_on_the_fly/get_edit_lens_configuration.tsx
index 205aa74aaee24..9c6b761123b54 100644
--- a/x-pack/plugins/lens/public/app_plugin/shared/edit_on_the_fly/get_edit_lens_configuration.tsx
+++ b/x-pack/plugins/lens/public/app_plugin/shared/edit_on_the_fly/get_edit_lens_configuration.tsx
@@ -184,7 +184,7 @@ export async function getEditLensConfiguration(
             size="s"
             hideCloseButton
             css={css`
-              clip-path: polygon(-100% 0, 100% 0, 100% 100%, -100% 100%);
+              clip-path: none; // need to override the eui-flyout clip-path for dnd outside of the flyout
             `}
           >
             {children}
diff --git a/x-pack/plugins/lens/public/trigger_actions/open_lens_config/helpers.scss b/x-pack/plugins/lens/public/trigger_actions/open_lens_config/helpers.scss
index ae9a21f3f63f7..59ed3e6837f72 100644
--- a/x-pack/plugins/lens/public/trigger_actions/open_lens_config/helpers.scss
+++ b/x-pack/plugins/lens/public/trigger_actions/open_lens_config/helpers.scss
@@ -1,12 +1,10 @@
 // styles needed to display extra drop targets that are outside of the config panel main area while also allowing to scroll vertically
 .lnsConfigPanel__overlay {
-  clip-path: polygon(-100% 0, 100% 0, 100% 100%, -100% 100%);
+  clip-path:none; // need to override the eui-flyout clip-path
   max-inline-size: $euiSizeXXL * 20;
   min-inline-size: $euiSizeXXL * 8;
   background: $euiColorLightestShade;
-  @include euiBreakpoint('xs', 's', 'm') {
-    clip-path: none;
-  }
+
   .kbnOverlayMountWrapper {
     padding-left: $euiFormMaxWidth;
     margin-left: -$euiFormMaxWidth;
@@ -21,4 +19,4 @@
   .euiFlyoutBody__overflow {
     transform: initial;
   }
-}
\ No newline at end of file
+}