diff --git a/jest.config.json b/jest.config.json
index 5628037..b7d0363 100644
--- a/jest.config.json
+++ b/jest.config.json
@@ -17,17 +17,11 @@
     "<rootDir>/src/**/__tests__/**/*.(test|spec).(js|jsx|ts|tsx)",
     "<rootDir>/src/**/*.(test|spec).(js|jsx|ts|tsx)"
   ],
-  "testPathIgnorePatterns": [
-    "<rootDir>/.next/",
-    "<rootDir>/node_modules/"
-  ],
+  "testPathIgnorePatterns": ["<rootDir>/.next/", "<rootDir>/node_modules/"],
   "collectCoverageFrom": [
     "src/**/*.{js,jsx,ts,tsx}",
     "!src/**/*.d.ts",
     "!src/**/*.stories.{js,jsx,ts,tsx}"
   ],
-  "coveragePathIgnorePatterns": [
-    "<rootDir>/node_modules/",
-    "<rootDir>/.next/"
-  ]
+  "coveragePathIgnorePatterns": ["<rootDir>/node_modules/", "<rootDir>/.next/"]
 }
diff --git a/lib/contentful.ts b/lib/contentful.ts
index e47406a..b89c095 100644
--- a/lib/contentful.ts
+++ b/lib/contentful.ts
@@ -167,7 +167,9 @@ export async function getSpeakers(): Promise<Speaker[]> {
         photoUrl: photoUrl || '/assets/person.svg',
         linkedin: fields.linkedin,
         lastSpoke: fields.lastSpoke,
-        topics: fields.topics ? normalizeTopic(fields.topics).split(', ') : undefined,
+        topics: fields.topics
+          ? normalizeTopic(fields.topics).split(', ')
+          : undefined,
       };
     });
 
diff --git a/src/components/button/button.module.css b/src/components/button/button.module.css
index 92aa428..c94c5ca 100644
--- a/src/components/button/button.module.css
+++ b/src/components/button/button.module.css
@@ -113,6 +113,7 @@
 @media (max-width: 768px) {
   .button {
     width: 100%;
+    max-width: 576px;
     font-size: 13px;
   }
 
@@ -123,6 +124,10 @@
 }
 
 @media (max-width: 480px) {
+  .button {
+    max-width: 320px;
+  }
+
   .button--primary,
   .button--secondary {
     height: 2.4rem;
diff --git a/src/components/cohortsHero/cohortsHero.module.css b/src/components/cohortsHero/cohortsHero.module.css
index ac126ba..8d8f6cc 100644
--- a/src/components/cohortsHero/cohortsHero.module.css
+++ b/src/components/cohortsHero/cohortsHero.module.css
@@ -1,7 +1,7 @@
 .hero {
   position: relative;
   width: 100%;
-  height: 100vh;
+  height: auto;
   display: flex;
   align-items: flex-start;
   justify-content: center;
@@ -350,8 +350,8 @@
   }
 
   .highlightItem:nth-child(3) {
-    width: calc(50% - var(--spacing-2));
-    max-width: 220px;
+    width: 100%;
+    max-width: 576px;
     margin-top: var(--spacing-3);
   }
 
@@ -393,7 +393,7 @@
 
   .highlightItem:nth-child(3) {
     width: auto;
-    max-width: none;
+    max-width: 320px;
     margin-top: 0;
   }
 
@@ -425,7 +425,7 @@
 
   .highlightItem {
     width: calc(50% - var(--spacing-half));
-    max-width: 140px;
+    max-width: 320px;
     min-height: 80px;
     padding: var(--spacing-1);
   }