diff --git a/ionic/components/alert/alert.wp.scss b/ionic/components/alert/alert.wp.scss
index 4f9697c572..8732a0dad9 100644
--- a/ionic/components/alert/alert.wp.scss
+++ b/ionic/components/alert/alert.wp.scss
@@ -7,6 +7,7 @@
 $alert-wp-backdrop-background:                 white !default;
 
 $alert-wp-width:                               100% !default;
+$alert-wp-max-width:                           520px !default;
 $alert-wp-border-radius:                       0 !default;
 $alert-wp-border-width:                        1px !default;
 $alert-wp-border-style:                        solid !default;
@@ -55,7 +56,7 @@ $alert-wp-button-group-justify-content:        flex-end !default;
 $alert-wp-button-group-flex-wrap:              wrap-reverse !default;
 
 $alert-wp-button-group-vertical-width:         100% !default;
-$alert-wp-button-group-vertical-margin-top:    100% !default;
+$alert-wp-button-group-vertical-margin-top:    5px !default;
 
 ion-alert {
   .backdrop {
@@ -65,6 +66,7 @@ ion-alert {
 
 .alert-wrapper {
   width: $alert-wp-width;
+  max-width: $alert-wp-max-width;
   border-radius: $alert-wp-border-radius;
   background: $alert-wp-background;
   border: $alert-wp-border-width $alert-wp-border-style $alert-wp-border-color;