diff --git a/css/_jitsi_popover.scss b/css/_jitsi_popover.scss
index 6f1250332..f10a25a69 100644
--- a/css/_jitsi_popover.scss
+++ b/css/_jitsi_popover.scss
@@ -3,7 +3,8 @@
     top: 0;
     left: 0;
     z-index: $jitsipopoverZ;
-    display: none;
+    display: table;
+    visibility: hidden;
     max-width: 300px;
     min-width: 100px;
     text-align: left;
diff --git a/modules/UI/util/JitsiPopover.js b/modules/UI/util/JitsiPopover.js
index ad9bd2768..94466a01c 100644
--- a/modules/UI/util/JitsiPopover.js
+++ b/modules/UI/util/JitsiPopover.js
@@ -36,9 +36,9 @@ const positionConfigurations = {
             const { element, target } = elements;
 
             $('.jitsipopover').css({
-                display: 'table',
                 left: element.left,
-                top: element.top
+                top: element.top,
+                visibility: 'visible'
             });
 
             // Move additional padding to the right edge of the popover and
@@ -72,9 +72,9 @@ const positionConfigurations = {
             const $jistiPopover = $('.jitsipopover');
 
             $jistiPopover.css({
-                display: 'table',
                 left: element.left,
-                top: element.top
+                top: element.top,
+                visibility: 'visible'
             });
             $jistiPopover.find('.arrow').css({ left: calcLeft });
             $jistiPopover.find('.jitsipopover__menu-padding')