diff --git a/src/App.vue b/src/App.vue
index 110fc8b..919e5fa 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -69,6 +69,9 @@
       },
       showHtml() {
         return new Promise((resolve) => {
+          // The resume renders in full now (no more slow typing) — populate the
+          // full markdown so the HTML render has content.
+          this.currentMarkdown = this.fullMarkdown
           this.enableHtml = true
           this.$nextTick(() => {
             if (this.$refs.resumeEditor) this.$refs.resumeEditor.goTop()
diff --git a/src/Mobile.vue b/src/Mobile.vue
index 68c7132..54c0fd2 100644
--- a/src/Mobile.vue
+++ b/src/Mobile.vue
@@ -54,6 +54,7 @@
       },
       showHtml() {
         return new Promise((resolve) => {
+          this.currentMarkdown = this.fullMarkdown
           this.enableHtml = true
           this.$nextTick(() => {
             if (this.$refs.resumeEditor) this.$refs.resumeEditor.goTop()
diff --git a/src/config/profile.js b/src/config/profile.js
index 1511d29..ece20c9 100644
--- a/src/config/profile.js
+++ b/src/config/profile.js
@@ -347,19 +347,17 @@ html {
 }
 
 /* Add 3D effect */
-html{
-  perspective: 1000px;
-}
 .styleEditor {
-  position: absolute; left: 0; top: 0;
-  transform: rotateX(-10deg) translateZ(-50px) ;
+  position: relative; left: 0; top: 0;
+  margin: 2.3vh 2vw;
 }
 
 /* Prepare an editor */
 .resumeEditor{
   position: relative;
-  top: 47vh; left: 0;
-  padding: .5em;  margin: 1.5vh;
+  left: 0;
+  padding: .5em;
+  margin: 2.3vh 2vw;
   width: 94vw; height: 48.5vh;
   border: 1px solid;
   background: white; color: #222;