diff --git a/client/src/components/HeaderAd.tsx b/client/src/components/HeaderAd.tsx
index 4553d39..feb600a 100644
--- a/client/src/components/HeaderAd.tsx
+++ b/client/src/components/HeaderAd.tsx
@@ -21,13 +21,20 @@ export default function HeaderAd() {
   }, []);
 
   return (
-    <div className="w-full flex justify-center py-1 bg-bunny-dark" ref={adRef}>
-      {/* Fixed Header/Footer Ad */}
+    <div className="w-full flex justify-center py-1 px-2 bg-bunny-dark" ref={adRef}>
+      {/* Responsive Header Ad */}
       <ins 
         className="adsbygoogle"
-        style={{ display: 'inline-block', width: '728px', height: '90px' }}
+        style={{ 
+          display: 'inline-block', 
+          width: '100%', 
+          maxWidth: '728px',
+          height: '90px'
+        }}
         data-ad-client="ca-pub-4465464714854276"
         data-ad-slot="7241323742"
+        data-ad-format="auto"
+        data-full-width-responsive="true"
       />
     </div>
   );