diff --git a/static/styles/app-cards.css b/static/styles/app-cards.css
index e40bbea..c66d359 100644
--- a/static/styles/app-cards.css
+++ b/static/styles/app-cards.css
@@ -6,7 +6,12 @@
 }
 
 .app-card {
-  text-align: center;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  width: 10em;
+  height: 10em;
   padding: 1em;
   border-radius: 0.5em;
   font-weight: 700;
@@ -46,5 +51,5 @@
 }
 
 .app-card > span {
-  font-size: 4em;
+  font-size: 6em;
 }
diff --git a/static/styles/app.css b/static/styles/app.css
index cd59267..6dbd54c 100644
--- a/static/styles/app.css
+++ b/static/styles/app.css
@@ -48,3 +48,10 @@
   transform: scaleY(1);
   transform-origin: top;
 }
+
+@media screen and (max-width: 1024px) {
+  #app {
+    grid-template-rows: auto 1fr;
+    grid-template-columns: none;
+  }
+}