diff --git a/components/dialog/style.scss b/components/dialog/style.scss
index 13074510..194ee771 100644
--- a/components/dialog/style.scss
+++ b/components/dialog/style.scss
@@ -23,10 +23,22 @@
 
 .small {
   width: 30vw;
+  
+  @media screen and (max-width: $layout-breakpoint-sm-tablet) {
+	width: 50vw;
+  }
+  
+  @media screen and (max-width: $layout-breakpoint-xs) {
+	width: 75vw;
+  }
 }
 
 .normal {
   width: 50vw;
+  
+  @media screen and (max-width: $layout-breakpoint-xs) {
+	width: 96vw;
+  }
 }
 
 .large {