diff --git a/packages/article-skeleton/src/styles/responsive.js b/packages/article-skeleton/src/styles/responsive.js
index d24c2acf904..21932dcd31d 100644
--- a/packages/article-skeleton/src/styles/responsive.js
+++ b/packages/article-skeleton/src/styles/responsive.js
@@ -110,10 +110,4 @@ export const EmailBannerContainer = styled.div`
   z-index: 100;
   display: flex;
   justify-content: center;
-  height: 100%;
-  @media (max-width: ${breakpoints.medium}px) {
-    max-width: 327px;
-    height: 100px;
-    margin: auto;
-  }
 `;
diff --git a/packages/ts-newskit/src/components/misc/banner/__tests__/__snapshots__/banner.test.tsx.snap b/packages/ts-newskit/src/components/misc/banner/__tests__/__snapshots__/banner.test.tsx.snap
index 418387b3eff..a95aef58faf 100644
--- a/packages/ts-newskit/src/components/misc/banner/__tests__/__snapshots__/banner.test.tsx.snap
+++ b/packages/ts-newskit/src/components/misc/banner/__tests__/__snapshots__/banner.test.tsx.snap
@@ -3,14 +3,14 @@
 exports[`Banner renders the banner 1`] = `
 <DocumentFragment>
   <div
-    class="css-197qwxt"
+    class="css-1tu1y1s"
   >
     <div
       class="css-gre9re"
     >
       <div
         aria-label="Email verification banner"
-        class="css-1qyqnch"
+        class="css-1gud7zt"
         data-testid="banner-container"
         role="region"
       >
@@ -36,7 +36,7 @@ exports[`Banner renders the banner 1`] = `
                       class="css-s5sjj8"
                     >
                       <div
-                        class="css-1bjb3mr"
+                        class="css-1x0hqjg"
                       >
                         <div
                           class="css-1vptl7o"
@@ -55,7 +55,7 @@ exports[`Banner renders the banner 1`] = `
                             />
                           </svg>
                           <p
-                            class="css-hk5gs7"
+                            class="css-1v8qzr2"
                           >
                             Title
                           </p>
@@ -79,7 +79,7 @@ exports[`Banner renders the banner 1`] = `
                         </button>
                       </div>
                       <p
-                        class="css-j9qpwq"
+                        class="css-ek7xhi"
                       >
                         Body
                       </p>
@@ -97,7 +97,7 @@ exports[`Banner renders the banner 1`] = `
     >
       <div
         aria-label="Email verification banner"
-        class="css-1qyqnch"
+        class="css-1gud7zt"
         data-testid="banner-container"
         role="region"
       >
@@ -123,7 +123,7 @@ exports[`Banner renders the banner 1`] = `
                       class="css-s5sjj8"
                     >
                       <div
-                        class="css-1bjb3mr"
+                        class="css-1x0hqjg"
                       >
                         <div
                           class="css-1vptl7o"
@@ -142,7 +142,7 @@ exports[`Banner renders the banner 1`] = `
                             />
                           </svg>
                           <p
-                            class="css-hk5gs7"
+                            class="css-1v8qzr2"
                           >
                             Title
                           </p>
@@ -166,7 +166,7 @@ exports[`Banner renders the banner 1`] = `
                         </button>
                       </div>
                       <p
-                        class="css-j9qpwq"
+                        class="css-ek7xhi"
                       >
                         Body
                       </p>
diff --git a/packages/ts-newskit/src/components/misc/banner/styles.ts b/packages/ts-newskit/src/components/misc/banner/styles.ts
index b8bcccc2012..a021a19ba65 100644
--- a/packages/ts-newskit/src/components/misc/banner/styles.ts
+++ b/packages/ts-newskit/src/components/misc/banner/styles.ts
@@ -1,11 +1,10 @@
 import { styled, Banner, TextBlock } from 'newskit';
-import { breakpoints } from '@times-components/ts-styleguide';
 
 export const BannerWrapper = styled.div`
+  width: 100%;
   max-width: 498px;
   box-shadow: 0px 16px 24px 0px rgba(17, 17, 17, 0.08);
   z-index: 100;
-  width: 100%;
 `;
 
 export const NewsKitBanner = styled(Banner)`
@@ -14,7 +13,6 @@ export const NewsKitBanner = styled(Banner)`
   padding: 16px;
   flex-direction: column;
   align-items: flex-start;
-  height: 83px;
 `;
 
 export const Wrapper = styled.div`
@@ -22,7 +20,7 @@ export const Wrapper = styled.div`
   justify-content: space-between;
   align-items: center;
   width: 100%;
-  margin-bottom: 16px;
+  margin-bottom: 8px;
 `;
 
 export const TitleWrapper = styled.div`
@@ -35,24 +33,12 @@ export const Title = styled(TextBlock)`
   color: #333;
   font-weight: 700;
   margin: 0 0 0 16px;
-  font-size: 24px;
-  line-height: 27px;
-  @media (max-width: ${breakpoints.medium}px) {
-    font-size: 18px;
-    line-height: 20px;
-  }
 `;
 
 export const Body = styled(TextBlock)`
   color: #696969;
   font-weight: 400;
   margin: 0;
-  font-size: 16px;
-  line-height: 24px;
-  @media (max-width: ${breakpoints.medium}px) {
-    font-size: 14px;
-    line-height: 21px;
-  }
 `;
 
 export const CloseIconWrapper = styled.button`