diff --git a/src/renderer/App.vue b/src/renderer/App.vue
index 60466f2..94014e1 100644
--- a/src/renderer/App.vue
+++ b/src/renderer/App.vue
@@ -40,7 +40,7 @@ body {
 
 .wrapper {
   margin: auto;
-  max-width: 90vh;
+  max-width: 70vw;
   max-height: 100vh;
   text-align: center;
   background-color: #fff;
diff --git a/src/renderer/components/Typefast.vue b/src/renderer/components/Typefast.vue
index 68b9094..e651918 100644
--- a/src/renderer/components/Typefast.vue
+++ b/src/renderer/components/Typefast.vue
@@ -169,9 +169,11 @@
         var kb = document.getElementById('keyboard-tf')
         if (kb.style.width === '100%') { // it's big, make smaller
           kb.style.width = '10%'
+          kb.style.height = 'auto'
           kb.style.cursor = 'zoom-in'
         } else { // it's small, make bigger
           kb.style.width = '100%'
+          kb.style.height = (screen.availHeight - kb.offsetTop) + 'px'
           kb.style.cursor = 'zoom-out'
         }
       }
@@ -199,6 +201,7 @@
 }
 
 .outerWrap:after {
+  font-size: 1em;
   content: "";
   display: block;
   clear: both;
@@ -246,7 +249,6 @@
 
 #keyboard-tf {
   width: 10%;
-  height: 15%;
   cursor: zoom-in;
 }
 </style>
\ No newline at end of file