diff --git a/packages/pluggableWidgets/popup-menu-web/CHANGELOG.md b/packages/pluggableWidgets/popup-menu-web/CHANGELOG.md
index 478864b9a5..ad5c1b29c9 100644
--- a/packages/pluggableWidgets/popup-menu-web/CHANGELOG.md
+++ b/packages/pluggableWidgets/popup-menu-web/CHANGELOG.md
@@ -6,6 +6,10 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 
 ## [Unreleased]
 
+### Fixed
+
+- We fixed an issue where the user was unable to open the configuration panel in design-mode.
+
 ## [4.0.2] - 2025-02-20
 
 ### Fixed
diff --git a/packages/pluggableWidgets/popup-menu-web/src/PopupMenu.editorPreview.tsx b/packages/pluggableWidgets/popup-menu-web/src/PopupMenu.editorPreview.tsx
index 35f609eabe..ae288e91c2 100644
--- a/packages/pluggableWidgets/popup-menu-web/src/PopupMenu.editorPreview.tsx
+++ b/packages/pluggableWidgets/popup-menu-web/src/PopupMenu.editorPreview.tsx
@@ -1,4 +1,5 @@
 import { parseStyle } from "@mendix/widget-plugin-platform/preview/parse-style";
+import classNames from "classnames";
 import { createElement, ReactElement } from "react";
 import { PopupMenu as PopupMenuComponent } from "./components/PopupMenu";
 
@@ -35,11 +36,16 @@ export function preview(props: PopupMenuPreviewProps): ReactElement {
             });
         });
     }
+    const isDropzoneEmpty = props.menuTrigger.widgetCount === 0;
+
+    const popupMenuClass = classNames(props.className, "popupmenu", {
+        "popupmenu--design-empty": isDropzoneEmpty
+    });
 
     return (
         <PopupMenuComponent
             {...props}
-            class={props.className}
+            class={popupMenuClass}
             basicItems={basicItems}
             customItems={customItems}
             menuTrigger={
diff --git a/packages/pluggableWidgets/popup-menu-web/src/ui/PopupMenuPreview.scss b/packages/pluggableWidgets/popup-menu-web/src/ui/PopupMenuPreview.scss
index 348b73069f..35098c5676 100644
--- a/packages/pluggableWidgets/popup-menu-web/src/ui/PopupMenuPreview.scss
+++ b/packages/pluggableWidgets/popup-menu-web/src/ui/PopupMenuPreview.scss
@@ -5,3 +5,7 @@
 .popupmenu-trigger {
     width: 100%;
 }
+
+.popupmenu--design-empty {
+    padding: var(--spacing-8, 8px);
+}