diff --git a/pages/_app.css.ts b/pages/_app.css.ts
index cb0de80..161bbb6 100644
--- a/pages/_app.css.ts
+++ b/pages/_app.css.ts
@@ -1,4 +1,4 @@
-import { style, globalStyle } from "@vanilla-extract/css";
+import { globalStyle, style } from "@vanilla-extract/css";
 import theme from "../utils/theme.css";
 
 globalStyle(":root", {
@@ -34,8 +34,8 @@ globalStyle("th, td", {
   textAlign: "left",
 });
 
-export const container = style({
+export const splash = style({
   display: "grid",
+  minHeight: "100vh",
   placeContent: "center",
-  height: "100vh"
 });
diff --git a/pages/_app.page.tsx b/pages/_app.page.tsx
index 54d295c..4e60123 100644
--- a/pages/_app.page.tsx
+++ b/pages/_app.page.tsx
@@ -4,7 +4,7 @@ import { useAsync } from "react-use";
 import SettingsForm from "../components/SettingsForm";
 import AppContext, { Context } from "../utils/AppContext";
 import { getIssues } from "../utils/linear";
-import { container } from "./_app.css";
+import { splash } from "./_app.css";
 
 const App = ({ Component, pageProps }: AppProps) => {
   const [context, setContext] = useState<Context | null>(null);
@@ -26,7 +26,7 @@ const App = ({ Component, pageProps }: AppProps) => {
   });
 
   return missingCredentials ? (
-    <div className={container}>
+    <div className={splash}>
       <SettingsForm />
     </div>
   ) : context ? (