diff --git a/packages/components/src/styles/_popover-component.scss b/packages/components/src/styles/_popover-component.scss
index 40e45b2b86d..38d8c2656b6 100644
--- a/packages/components/src/styles/_popover-component.scss
+++ b/packages/components/src/styles/_popover-component.scss
@@ -151,7 +151,7 @@ $popover-gap-inset: calc(-1 * #{$popover-gap-size});
 }
 
 %show-popover {
-	visibility: visible;
+	display: inherit;
 
 	&:not([data-placement]):not([data-outside-vy]),
 	&[data-placement^="bottom"]:not([data-outside-vy]),
@@ -186,7 +186,7 @@ $popover-gap-inset: calc(-1 * #{$popover-gap-size});
 	position: absolute;
 	background-color: colors.$db-current-color-bg-lvl-1-enabled;
 	box-shadow: variables.$db-elevation-md;
-	visibility: hidden;
+	display: none;
 	z-index: 1;
 	white-space: nowrap;