diff --git a/src/styles/_modal.scss b/src/styles/_modal.scss
index 0d1c18e..69ee2e4 100644
--- a/src/styles/_modal.scss
+++ b/src/styles/_modal.scss
@@ -10,10 +10,13 @@
 .maputnik-modal-section {
   padding-top: $margin-3;
   padding-bottom: $margin-3;
-  @include flex-column;
-  flex-shrink: 0;
+
   /* Bug fix: <http://stackoverflow.com/questions/28636832/firefox-overflow-y-not-working-with-nested-flexbox> */
   min-height: 0;
+
+  @include flex-column;
+
+  flex-shrink: 0;
 }
 
 .maputnik-modal-section--shrink {
@@ -38,8 +41,9 @@
 
 .maputnik-modal-content {
   padding: $margin-3;
-  @include flex-column;
   max-height: 90vh;
+
+  @include flex-column;
 }
 
 .maputnik-modal-header-space {
@@ -211,8 +215,8 @@
 }
 
 .maputnik-modal-error {
-  border: solid 2px #EF5350;
-  color: #EF5350;
+  border: solid 2px #ef5350;
+  color: #ef5350;
   padding: 8px;
   padding-right: 32px;
   position: relative;