diff --git a/src/app/home-page/components/NewsletterSignup.tsx b/src/app/home-page/components/NewsletterSignup.tsx
index 4b6c622..b9ab964 100644
--- a/src/app/home-page/components/NewsletterSignup.tsx
+++ b/src/app/home-page/components/NewsletterSignup.tsx
@@ -59,11 +59,9 @@ export default function NewsletterSignup() {
   };
 
   return (
-    <section
-      className="bg-[#0d1520] border-t border-b border-[#1e3a5f] py-8 md:py-10"
-      aria-labelledby={`${formId}-heading`}>
-      <div className="max-w-container mx-auto px-4">
-        <div className="max-w-2xl mx-auto text-center">
+    <section className="max-w-container mx-auto px-4" aria-labelledby={`${formId}-heading`}>
+      <div className="bg-[#0d1520] border border-[#1e3a5f] py-8 md:py-10">
+        <div className="max-w-2xl mx-auto text-center px-4">
           {/* Header */}
           <div className="flex items-center justify-center gap-3 mb-3">
             <div className="flex-1 h-px bg-[#1e3a5f] max-w-[80px]" />
diff --git a/src/components/Header.tsx b/src/components/Header.tsx
index 82973db..533e5e5 100644
--- a/src/components/Header.tsx
+++ b/src/components/Header.tsx
@@ -245,8 +245,8 @@ export default function Header() {
   return (
     <>
       {/* TOP BAR */}
-      <div className="bg-[#1a2535] border-b border-[#2a3a50]">
-        <div className="max-w-container mx-auto px-4 h-8 flex items-center justify-between">
+      <div className="max-w-container mx-auto px-4">
+        <div className="bg-[#1a2535] border-b border-[#2a3a50] h-8 flex items-center justify-between">
           <p className="text-[#999999] text-xs font-body hidden sm:block">
             News & Intelligence for Broadcast, Post-Production & Streaming Technology
           </p>