diff --git a/app/components/Heading.js b/app/components/Heading.js
index fa47b2ec..763c5e38 100644
--- a/app/components/Heading.js
+++ b/app/components/Heading.js
@@ -4,6 +4,7 @@ import styled from "styled-components";
 const Heading = styled.h1`
   display: flex;
   align-items: center;
+  ${(props) => (props.centered ? "text-align: center;" : "")}
 
   svg {
     margin-left: -6px;
diff --git a/app/scenes/Login/index.js b/app/scenes/Login/index.js
index 9769071d..9bf52a25 100644
--- a/app/scenes/Login/index.js
+++ b/app/scenes/Login/index.js
@@ -82,7 +82,7 @@ class Login extends React.Component<Props, State> {
             <PageTitle title="Check your email" />
             <CheckEmailIcon size={38} color="currentColor" />
 
-            <Heading>Check your email</Heading>
+            <Heading centered>Check your email</Heading>
             <Note>
               A magic sign-in link has been sent to the email{" "}
               <em>{this.state.emailLinkSentTo}</em>, no password needed.
@@ -110,9 +110,9 @@ class Login extends React.Component<Props, State> {
           </Logo>
 
           {isCreate ? (
-            <Heading>Create an account</Heading>
+            <Heading centered>Create an account</Heading>
           ) : (
-            <Heading>Login to {config.name || "Outline"}</Heading>
+            <Heading centered>Login to {config.name || "Outline"}</Heading>
           )}
 
           <Notices notice={getQueryVariable("notice")} />