From c24fe079f178683eb4f2dd4946471e866da75615 Mon Sep 17 00:00:00 2001
From: Mike Cao <mike@mikecao.com>
Date: Tue, 2 Jan 2024 22:22:15 -0800
Subject: [PATCH] Tracking script should use defer instead of async.

---
 src/app/(main)/settings/websites/[id]/TrackingCode.tsx | 2 +-
 src/components/input/ProfileButton.module.css          | 1 +
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/app/(main)/settings/websites/[id]/TrackingCode.tsx b/src/app/(main)/settings/websites/[id]/TrackingCode.tsx
index 6d05de31..6e5fd99e 100644
--- a/src/app/(main)/settings/websites/[id]/TrackingCode.tsx
+++ b/src/app/(main)/settings/websites/[id]/TrackingCode.tsx
@@ -16,7 +16,7 @@ export function TrackingCode({ websiteId }: { websiteId: string }) {
     ? trackerScriptName
     : `${trackingCodeUrl}${process.env.basePath}/${trackerScriptName}`;
 
-  const code = `<script async src="${url}" data-website-id="${websiteId}"></script>`;
+  const code = `<script defer src="${url}" data-website-id="${websiteId}"></script>`;
 
   return (
     <>
diff --git a/src/components/input/ProfileButton.module.css b/src/components/input/ProfileButton.module.css
index e3557b18..981bf4a9 100644
--- a/src/components/input/ProfileButton.module.css
+++ b/src/components/input/ProfileButton.module.css
@@ -4,6 +4,7 @@
   border: 1px solid var(--border-color);
   border-radius: var(--border-radius);
   overflow: hidden;
+  background: var(--base50);
 }
 
 .item {