Increasing min-width of modals for larger screens

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

@@ -81,12 +81,18 @@
 
 .modal-inner-container {
   display: table;
+  width: 100%;  
   min-width: 320px;
   max-width: 700px;
   margin: 0 auto;
   background-color: $secondary;
   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;