diff --git a/src/App.vue b/src/App.vue
index a2c9683..36cf3e5 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -210,7 +210,7 @@ export default defineComponent({
   overflow-x: hidden;
 
   @include smallScreen() {
-    font-size: calc(0.65rem + 0.8vw);
+    font-size: calc(0.65rem + 0.85vw);
   }
 
   @include screenLandscape() {
diff --git a/src/components/Global/Card.vue b/src/components/Global/Card.vue
index a6457f6..25fff68 100644
--- a/src/components/Global/Card.vue
+++ b/src/components/Global/Card.vue
@@ -76,7 +76,7 @@ export default defineComponent({
 
   margin: 1em;
 
-  max-height: 90vh;
+  max-height: 95vh;
   max-height: 95dvh;
 
   background-color: #1a1a1a;
diff --git a/src/components/TrainsView/TrainModal.vue b/src/components/TrainsView/TrainModal.vue
index b971a2c..c2e0f71 100644
--- a/src/components/TrainsView/TrainModal.vue
+++ b/src/components/TrainsView/TrainModal.vue
@@ -54,12 +54,14 @@ export default defineComponent({
   left: 0;
 
   width: 100%;
+  height: 100%;
 
   color: white;
   z-index: 200;
 
   display: flex;
   justify-content: center;
+  align-items: flex-start;
 
   text-align: left;
 }
@@ -80,10 +82,10 @@ export default defineComponent({
   position: relative;
   overflow-y: scroll;
 
-  margin-top: 1em;
-
   width: 95vw;
   max-height: 95vh;
+  max-height: 95dvh;
+  margin-top: 1em;
 
   background-color: #1a1a1a;
   box-shadow: 0 0 15px 10px #0e0e0e;
@@ -98,10 +100,4 @@ export default defineComponent({
     }
   }
 }
-
-@include smallScreen {
-  .modal_content {
-    max-height: 85vh;
-  }
-}
 </style>