Fix the modal and dismiss button positioning

source/assets/stylesheets/locastyle/modules/_modal.sass

@@ -26,8 +26,8 @@ $paddingDefault: 20px
 
 .ls-modal-box
   display: inline-block
-  width: 95%
-  margin: 10% 20px 0
+  width: 90%
+  margin: 5% auto 0
   text-align: left
   background-color: #fff
   border-radius: $default-radius
@@ -44,10 +44,11 @@ $paddingDefault: 20px
 .ls-modal-header
   padding: $paddingDefault
   border-bottom: 1px solid $gray1
+  position: relative
 
   [data-dismiss]
     position: absolute
-    right: 10px
+    right: 20px
     top: 14px
     border: none
     background: none
@@ -65,6 +66,7 @@ $paddingDefault: 20px
     padding: 0
     margin: 0
     font-size: remtopx(1)
+    width: calc(100% - 20px)
 
 .ls-modal-body
   padding: $paddingDefault
@@ -77,7 +79,6 @@ $paddingDefault: 20px
   border-top: 1px solid $gray1
 
 .ls-modal-feedbackr
-
   .ls-modal-box
     width: 627px
     height: 600px
@@ -97,6 +98,7 @@ $paddingDefault: 20px
 @media screen and (min-width: $screen-sm)
   .ls-modal-box
     width: $defaultWidth
+    margin: 10% 20px 0
 
   .ls-modal-large
     width: $largeWidth