diff --git a/app/scripts/components/common/page-footer/footer.test.tsx b/app/scripts/components/common/page-footer/footer.test.tsx
index df7ef19a1..06b9baf0b 100644
--- a/app/scripts/components/common/page-footer/footer.test.tsx
+++ b/app/scripts/components/common/page-footer/footer.test.tsx
@@ -31,6 +31,8 @@ describe('PageFooter', () => {
     const footerElement = document.querySelector('footer');
 
     expect(footerElement).toBeInTheDocument();
+    expect(footerElement).not.toHaveClass('display-none');
+
   });
   test('renders correct buttons and links', () => {
     expect(screen.getByText('Data Catalog')).toBeInTheDocument();
@@ -70,6 +72,6 @@ describe('PageFooter dynamic functionality', () => {
       />
     );
     const footerElement = document.querySelector('footer');
-    expect(footerElement).toBeNull();
+    expect(footerElement).toHaveClass('display-none');
   });
 });
diff --git a/app/scripts/components/common/page-footer/index.tsx b/app/scripts/components/common/page-footer/index.tsx
index b8f431185..76e0ff550 100644
--- a/app/scripts/components/common/page-footer/index.tsx
+++ b/app/scripts/components/common/page-footer/index.tsx
@@ -84,13 +84,12 @@ export default function PageFooter({
       createNavElement(subNavItems, 'usa-link text-base-dark text-underline'),
     [mainNavItems]
   );
-  return hideFooter ? (
-    <></>
-  ) : (
+  return (
     <>
       <USWDSFooter
         size='slim'
         returnToTop={returnToTop && returnToTopButton()}
+        className={hideFooter && 'display-none'}
         primary={
           <div
             id='footer_primary_container'