From 9e68df80fdd8bced6dc76bf5ea0af0cf51ffe2cc Mon Sep 17 00:00:00 2001
From: Brezo Cordero <8002881+brezocordero@users.noreply.github.com>
Date: Fri, 3 May 2024 15:44:30 -0500
Subject: [PATCH] Fix display of upgrade banner on subscribers stats page

[MAILPOET-5968]
---
 .../src/subscribers/stats/no-access-info.tsx  | 84 ++++++++++---------
 1 file changed, 43 insertions(+), 41 deletions(-)

diff --git a/mailpoet/assets/js/src/subscribers/stats/no-access-info.tsx b/mailpoet/assets/js/src/subscribers/stats/no-access-info.tsx
index 17ce8f3085..cd69d17e1a 100644
--- a/mailpoet/assets/js/src/subscribers/stats/no-access-info.tsx
+++ b/mailpoet/assets/js/src/subscribers/stats/no-access-info.tsx
@@ -42,46 +42,48 @@ export function NoAccessInfo(): JSX.Element {
   );
 
   return (
-    <table
-      className="mailpoet-listing-table"
-      data-automation-id="subscriber-stats-no-access"
-    >
-      <thead>
-        <tr>
-          <th>{__('E-mail', 'mailpoet')}</th>
-          <th>
-            {
-              // translators: Table column label for subscriber actions e.g. email open, link clicked
-              __('Action', 'mailpoet')
-            }
-          </th>
-          <th>
-            {
-              // translators: Table column label for count of subscriber actions
-              __('Count', 'mailpoet')
-            }
-          </th>
-          <th>
-            {
-              // translators: Table column label for date when subscriber action happened
-              __('Action on', 'mailpoet')
-            }
-          </th>
-        </tr>
-      </thead>
-      <tbody>
-        <tr>
-          <td colSpan={4}>
-            <div className="mailpoet-subscriber-stats-no-access-content">
-              <PremiumBannerWithUpgrade
-                message={getBannerMessage({})}
-                actionButton={getCtaButton({})}
-                capabilities={{ detailedAnalytics: true }}
-              />
-            </div>
-          </td>
-        </tr>
-      </tbody>
-    </table>
+    <div className="mailpoet-listing">
+      <table
+        className="mailpoet-listing-table"
+        data-automation-id="subscriber-stats-no-access"
+      >
+        <thead>
+          <tr>
+            <th>{__('E-mail', 'mailpoet')}</th>
+            <th>
+              {
+                // translators: Table column label for subscriber actions e.g. email open, link clicked
+                __('Action', 'mailpoet')
+              }
+            </th>
+            <th>
+              {
+                // translators: Table column label for count of subscriber actions
+                __('Count', 'mailpoet')
+              }
+            </th>
+            <th>
+              {
+                // translators: Table column label for date when subscriber action happened
+                __('Action on', 'mailpoet')
+              }
+            </th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr>
+            <td colSpan={4}>
+              <div className="mailpoet-subscriber-stats-no-access-content">
+                <PremiumBannerWithUpgrade
+                  message={getBannerMessage({})}
+                  actionButton={getCtaButton({})}
+                  capabilities={{ detailedAnalytics: true }}
+                />
+              </div>
+            </td>
+          </tr>
+        </tbody>
+      </table>
+    </div>
   );
 }