diff --git a/src/App.vue b/src/App.vue
index 68535fe..1a76c3e 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -164,7 +164,12 @@ footer {
 
 /* MOBILE VIEWS */
 
+
 @media screen and (max-width: $breakpointMd) {
+  #app {
+    font-size: calc(0.7rem + 0.75vw);
+  }
+
   main {
     display: flex;
     flex-direction: column;
diff --git a/src/components/NumberGeneratorTab.vue b/src/components/NumberGeneratorTab.vue
index eae85eb..04200ed 100644
--- a/src/components/NumberGeneratorTab.vue
+++ b/src/components/NumberGeneratorTab.vue
@@ -117,6 +117,12 @@ const randomizeTrainNumber = () => {
   }
 }
 
+@media screen and (max-width: $breakpointMd) {
+  .number-generator {
+    min-height: 100vh;
+  }
+}
+
 @media screen and (max-width: $breakpointSm) {
   .options select {
     width: 100%;
diff --git a/src/styles/global.scss b/src/styles/global.scss
index d8ae465..7888261 100644
--- a/src/styles/global.scss
+++ b/src/styles/global.scss
@@ -21,6 +21,10 @@ $accentColor: #e4c428;
     border-radius: 1rem;
     background: #777;
   }
+
+  &-corner {
+    background: #222;
+  }
 }
 
 body,