diff --git a/homeassistant/components/http/www_static/polymer/event-fire-dialog.html b/homeassistant/components/http/www_static/polymer/event-fire-dialog.html
index 10958a62f4a..87aebea4ccb 100644
--- a/homeassistant/components/http/www_static/polymer/event-fire-dialog.html
+++ b/homeassistant/components/http/www_static/polymer/event-fire-dialog.html
@@ -29,6 +29,12 @@
     }
 
     @media all and (max-width: 620px) {
+      paper-action-dialog {
+        margin: 0;
+        width: 100%;
+        height: 100%;
+      }
+
       .eventContainer {
         display: none;
       }
diff --git a/homeassistant/components/http/www_static/polymer/service-call-dialog.html b/homeassistant/components/http/www_static/polymer/service-call-dialog.html
index a21d672e872..900734e387e 100644
--- a/homeassistant/components/http/www_static/polymer/service-call-dialog.html
+++ b/homeassistant/components/http/www_static/polymer/service-call-dialog.html
@@ -30,6 +30,12 @@
     }
 
     @media all and (max-width: 620px) {
+      paper-action-dialog {
+        margin: 0;
+        width: 100%;
+        height: 100%;
+      }
+
       .serviceContainer {
         display: none;
       }
diff --git a/homeassistant/components/http/www_static/polymer/state-set-dialog.html b/homeassistant/components/http/www_static/polymer/state-set-dialog.html
index fb592f395f0..f489ba2210d 100644
--- a/homeassistant/components/http/www_static/polymer/state-set-dialog.html
+++ b/homeassistant/components/http/www_static/polymer/state-set-dialog.html
@@ -9,7 +9,7 @@
 
 <polymer-element name="state-set-dialog" attributes="api">
   <template>
-  <paper-action-dialog id="dialog" heading="Set State" transition="core-transition-center" backdrop="true">
+  <paper-action-dialog id="dialog" heading="Set State" transition="core-transition-bottom" backdrop="true">
     <style>
     :host {
         font-family: RobotoDraft, 'Helvetica Neue', Helvetica, Arial;
@@ -28,6 +28,12 @@
     }
 
     @media all and (max-width: 620px) {
+      paper-action-dialog {
+        margin: 0;
+        width: 100%;
+        height: 100%;
+      }
+
       .stateContainer {
         display: none;
       }