diff --git a/about.html b/about.html
index 5419c1535..72c3e8625 100644
--- a/about.html
+++ b/about.html
@@ -21,7 +21,6 @@
       background-color: #3a76f0;
       color: white;
       font-size: 14px;
-      height: 350px;
     }
 
     img {
@@ -34,18 +33,19 @@
   </style>
 </head>
 <body>
-  <div class="module-splash-screen__logo module-img--200"></div>
+  <div class='module-splash-screen'>
+    <div class='module-splash-screen__logo module-img--200'></div>
 
-  <div class='version'></div>
-  <div class='environment'></div>
-  <div>
-    <a href="https://signal.org">signal.org</a>
+    <div class='version'></div>
+    <div class='environment'></div>
+    <div>
+      <a href='https://signal.org'>signal.org</a>
+    </div>
+    <br>
+    <div>
+      <a class="privacy" href="https://signal.org/legal">Terms &amp; Privacy Policy</a>
+    </div>
   </div>
-  <br>
-  <div>
-    <a class="privacy" href="https://signal.org/legal">Terms &amp; Privacy Policy</a>
-  </div>
-
   <script type='text/javascript' src='node_modules/jquery/dist/jquery.js'></script>
   <script type='text/javascript' src='js/about_start.js'></script>
 </body>
diff --git a/stylesheets/_modules.scss b/stylesheets/_modules.scss
index 2a51007ac..d33d16a26 100644
--- a/stylesheets/_modules.scss
+++ b/stylesheets/_modules.scss
@@ -1,5 +1,12 @@
 // Using BEM syntax explained here: https://csswizardry.com/2013/01/mindbemding-getting-your-head-round-bem-syntax/
 
+.module-splash-screen {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+}
+
 .module-splash-screen__logo {
   @include color-svg('../images/signal-logo.svg', $color-white);
   margin: 24px auto;
