diff --git a/layouts/main.tsx b/layouts/main.tsx
index cff6bb08..c8682d24 100644
--- a/layouts/main.tsx
+++ b/layouts/main.tsx
@@ -110,6 +110,15 @@ const DesignSystemProviderTyped = DesignSystemProvider as React.FC<{
 
 const ConnectButton = dynamic(() => import("../components/ConnectButton"), {
   ssr: false,
+  loading: () => (
+    <Skeleton
+      css={{
+        width: 132,
+        height: 36,
+        borderRadius: "$4",
+      }}
+    />
+  ),
 });
 
 const Claim = dynamic(() => import("../components/Claim"), { ssr: false });