diff --git a/web/src/components/HeroHeadline.vue b/web/src/components/HeroHeadline.vue
index 3edb270..1106e74 100644
--- a/web/src/components/HeroHeadline.vue
+++ b/web/src/components/HeroHeadline.vue
@@ -70,7 +70,9 @@ function closeAbout() {
 
 <style scoped>
 .hero {
-  max-width: 760px;
+  max-width: 880px;
+  margin: 0 auto;
+  text-align: center;
 }
 
 h1 {