diff --git a/app/lish/[did]/[publication]/dashboard/PublicationAnalytics.tsx b/app/lish/[did]/[publication]/dashboard/PublicationAnalytics.tsx
index 0ea36d2e..30ec89c0 100644
--- a/app/lish/[did]/[publication]/dashboard/PublicationAnalytics.tsx
+++ b/app/lish/[did]/[publication]/dashboard/PublicationAnalytics.tsx
@@ -151,7 +151,18 @@ export const PublicationAnalytics = (props: {
 
   if (!isPro)
     return (
-      <div className="sm:mx-auto pt-4 s">
+      <div
+        className={`sm:mx-auto pt-4 s rounded-lg border ${
+          props.showPageBackground
+            ? "border-border-light p-2"
+            : "border-transparent"
+        }`}
+        style={{
+          backgroundColor: props.showPageBackground
+            ? "rgba(var(--bg-page), var(--bg-page-alpha))"
+            : "transparent",
+        }}
+      >
         <UpgradeContent />
       </div>
     );