diff --git a/.claude/settings.local.json b/.claude/settings.local.json
index 67f9dcb..47ce104 100644
--- a/.claude/settings.local.json
+++ b/.claude/settings.local.json
@@ -38,7 +38,8 @@
       "Bash(../target/release/ailog build)",
       "Bash(zsh run.zsh:*)",
       "Bash(hugo:*)",
-      "WebFetch(domain:docs.bsky.app)"
+      "WebFetch(domain:docs.bsky.app)",
+      "WebFetch(domain:syui.ai)"
     ],
     "deny": []
   }
diff --git a/my-blog/static/_headers b/my-blog/static/_headers
index 33a1674..ccd13cd 100644
--- a/my-blog/static/_headers
+++ b/my-blog/static/_headers
@@ -16,11 +16,32 @@
   Cache-Control: public, max-age=31536000, immutable
 
 /css/*
-  Cache-Control: public, max-age=300
+  Content-Type: text/css
+  Cache-Control: public, max-age=60
 
 /*.js
+  Content-Type: application/javascript
   Cache-Control: public, max-age=31536000, immutable
 
+/assets/*.js
+  Content-Type: application/javascript
+  Cache-Control: public, max-age=31536000, immutable
+
+# Ensure ES6 modules are served correctly
+/assets/comment-atproto-*.js
+  Content-Type: text/javascript; charset=utf-8
+  Cache-Control: public, max-age=31536000, immutable
+
+# All JS assets
+/assets/*-*.js
+  Content-Type: text/javascript; charset=utf-8
+  Cache-Control: public, max-age=31536000, immutable
+
+# CSS assets
+/assets/*.css
+  Content-Type: text/css
+  Cache-Control: public, max-age=60
+
 /posts/*
   Cache-Control: public, max-age=3600
 
diff --git a/my-blog/static/css/style.css b/my-blog/static/css/style.css
index 652d21c..22b76d2 100644
--- a/my-blog/static/css/style.css
+++ b/my-blog/static/css/style.css
@@ -201,7 +201,7 @@ a.view-markdown:any-link {
 
 @media (max-width: 1000px) {
     .main-content {
-        padding: 24px 0;
+        padding: 24px 0 !important;
     }
 }
 
@@ -779,13 +779,13 @@ a.view-markdown:any-link {
 
 @media (max-width: 1000px) {
     .main-header {
-        padding: 12px 16px;
+        padding: 12px 16px !important;
     }
     
     .header-content {
-        max-width: 100%;
-        padding: 0 16px;
-        grid-template-columns: 0 1fr auto;
+        max-width: 100% !important;
+        padding: 0 16px !important;
+        grid-template-columns: 0 1fr auto !important;
     }
     
     /* Hide site title text on mobile */
diff --git a/my-blog/static/index.html b/my-blog/static/index.html
index 7fb2528..cfa27aa 100644
--- a/my-blog/static/index.html
+++ b/my-blog/static/index.html
@@ -1,3 +1,3 @@
 <!-- OAuth Comment System - Load globally for session management -->
-<script type="module" crossorigin src="/assets/comment-atproto-5XY8iSu2.js"></script>
-<link rel="stylesheet" crossorigin href="/assets/comment-atproto-BNv2pGK8.css">
\ No newline at end of file
+<script type="module" crossorigin src="/assets/comment-atproto-Do1JWJCw.js"></script>
+<link rel="stylesheet" crossorigin href="/assets/comment-atproto-CPKYAM8U.css">
\ No newline at end of file
diff --git a/my-blog/templates/oauth-assets.html b/my-blog/templates/oauth-assets.html
index c727c37..cfa27aa 100644
--- a/my-blog/templates/oauth-assets.html
+++ b/my-blog/templates/oauth-assets.html
@@ -1,3 +1,3 @@
 <!-- OAuth Comment System - Load globally for session management -->
-<script type="module" crossorigin src="/assets/comment-atproto-t3YMNO1o.js"></script>
-<link rel="stylesheet" crossorigin href="/assets/comment-atproto-ZAg-o4pg.css">
\ No newline at end of file
+<script type="module" crossorigin src="/assets/comment-atproto-Do1JWJCw.js"></script>
+<link rel="stylesheet" crossorigin href="/assets/comment-atproto-CPKYAM8U.css">
\ No newline at end of file
diff --git a/oauth/src/App.css b/oauth/src/App.css
index 949d3a6..60f5e3a 100644
--- a/oauth/src/App.css
+++ b/oauth/src/App.css
@@ -168,8 +168,8 @@
 }
 
 @media (max-width: 1000px) {
-  .app-main {
-    padding: 0px;
+  .app .app-main {
+    padding: 0px !important;
   }
 }