diff --git a/public/index.html b/public/index.html
index 6e49b49..2078255 100644
--- a/public/index.html
+++ b/public/index.html
@@ -12,6 +12,7 @@
     <noscript>
       <strong>We're sorry but Dream Hero doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
     </noscript>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <div id="app"></div>
     <!-- built files will be auto injected -->
   </body>
diff --git a/src/App.vue b/src/App.vue
index 45fcdc3..179043d 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -12,7 +12,7 @@
 	<Town />
 	<Dream ref="dream" />
 </div>
-<transition name="app" v-else>
+<transition name="welcome" v-else>
 	<div  class="welcome" v-on:click="start">
 		<img src="assets/logo.png" alt="Dream Hero" />
 	</div>
@@ -61,6 +61,7 @@ export default {
 }
 
 html {
+	min-width: 640px;
 	width: 100%;
 	height: 100%;
 }