diff --git a/scss/_utilities.scss b/scss/_utilities.scss
index 40d9c5ab9..9a78194ec 100644
--- a/scss/_utilities.scss
+++ b/scss/_utilities.scss
@@ -1391,6 +1391,10 @@
     clip: rect(1px, 1px, 1px, 1px);
 }
 
+.invisible2 {
+    visibility: hidden;
+}
+
 .hbox {
     display: table;
     table-layout: fixed;
diff --git a/src/renderers/Panel.tsx b/src/renderers/Panel.tsx
index 185528308..1d1a5a1e2 100644
--- a/src/renderers/Panel.tsx
+++ b/src/renderers/Panel.tsx
@@ -66,7 +66,7 @@ export default class Panel extends React.Component<PanelProps> {
 
         if (this.props.affixFooter === 'always') {
             affixed = true;
-            footerDom.classList.add('hidden');
+            footerDom.classList.add('invisible2');
         } else {
             const clip = footerDom.getBoundingClientRect();
             const clientHeight = window.innerHeight;