diff --git a/app/src/react/components/about/index.scss b/app/src/react/components/about/index.scss
index b302cfa..4a85a30 100644
--- a/app/src/react/components/about/index.scss
+++ b/app/src/react/components/about/index.scss
@@ -37,7 +37,7 @@
     margin-top: 0.5em;
   }
   @include breakpoint(tablet) {
-    width: 50%;
+    max-width: 40em;
   }
 }
 
diff --git a/app/src/react/components/home/index.scss b/app/src/react/components/home/index.scss
index 9c71eea..2dd02dd 100644
--- a/app/src/react/components/home/index.scss
+++ b/app/src/react/components/home/index.scss
@@ -33,7 +33,7 @@
 
 .home__bar {
   margin: auto;
-  max-width: 20em;
+  max-width: 40em;
   padding: 2em 0;
 }