diff --git a/components/lib/confirmpopup/style/ConfirmPopupStyle.js b/components/lib/confirmpopup/style/ConfirmPopupStyle.js
index 5b528d042..b5dfe1f1e 100644
--- a/components/lib/confirmpopup/style/ConfirmPopupStyle.js
+++ b/components/lib/confirmpopup/style/ConfirmPopupStyle.js
@@ -43,7 +43,7 @@ const theme = ({ dt }) => `
 }
 
 .p-confirmpopup-flipped {
-    margin-top: 0;
+    margin-top: calc(${dt('confirmpopup.gutter')} * -1);
     margin-bottom: ${dt('confirmpopup.gutter')};
 }
 
diff --git a/components/lib/popover/style/PopoverStyle.js b/components/lib/popover/style/PopoverStyle.js
index 0bb82a8c9..a1bee5d60 100644
--- a/components/lib/popover/style/PopoverStyle.js
+++ b/components/lib/popover/style/PopoverStyle.js
@@ -15,7 +15,7 @@ const theme = ({ dt }) => `
 }
 
 .p-popover-flipped {
-    margin-top: 0;
+    margin-top: calc(${dt('popover.gutter')} * -1);
     margin-bottom: ${dt('popover.gutter')};
 }