Increasing min-width of modals for larger screens

app/assets/stylesheets/common/base/modal.scss

@@ -81,6 +81,7 @@
 
 .modal-inner-container {
   display: table;
+  width: 100%;  
   min-width: 320px;
   max-width: 700px;
   margin: 0 auto;
@@ -88,6 +89,11 @@
   background-clip: padding-box;
   box-shadow: shadow("modal");
   
+  @media screen and (min-width: 475px) {
+    min-width: 475px;
+    width: auto;
+  }
+
   .select-kit {
     width: 220px;
 

app/assets/stylesheets/desktop/login.scss

@@ -23,10 +23,6 @@
     }
   }
 
-  .modal-inner-container {
-    min-width: 475px;
-  }
-
   #login-form {
     flex: 1 0 auto;
     padding: 0 15px;