diff --git a/app/assets/stylesheets/common/admin/admin_base.scss b/app/assets/stylesheets/common/admin/admin_base.scss
index 6662105f5f5..ead6a3ede09 100644
--- a/app/assets/stylesheets/common/admin/admin_base.scss
+++ b/app/assets/stylesheets/common/admin/admin_base.scss
@@ -470,7 +470,7 @@ $mobile-breakpoint: 700px;
   nav {
     display: inline-flex;
     position: relative;
-    flex: 1;
+    flex: 1 0 0;
     height: auto;
     overflow: hidden;
     padding: 0;
@@ -892,7 +892,7 @@ table#user-badges {
 
     .value-input {
       box-sizing: border-box;
-      flex: 1;
+      flex: 1 0 0;
       border-color: $primary-low;
       cursor: pointer;
       margin: 0;
@@ -919,7 +919,7 @@ table#user-badges {
     margin-left: -0.25em;
     margin-top: -0.125em;
     .new-value-input {
-      flex: 1;
+      flex: 1 0 0;
     }
     .value-input,
     .new-value-input {
diff --git a/app/assets/stylesheets/common/admin/admin_report.scss b/app/assets/stylesheets/common/admin/admin_report.scss
index 031363bad0f..1280b0951fd 100644
--- a/app/assets/stylesheets/common/admin/admin_report.scss
+++ b/app/assets/stylesheets/common/admin/admin_report.scss
@@ -81,7 +81,7 @@
   }
 
   .main {
-    flex: 1;
+    flex: 1 0 0;
   }
 
   .main .report-alert {
@@ -132,7 +132,7 @@
 
       .mode {
         display: inline-flex;
-        flex: 1;
+        flex: 1 0 0;
 
         .mode-btn.is-current {
           color: $tertiary;
diff --git a/app/assets/stylesheets/common/admin/admin_report_counters.scss b/app/assets/stylesheets/common/admin/admin_report_counters.scss
index a2e1c7c9bc5..476b65bbab2 100644
--- a/app/assets/stylesheets/common/admin/admin_report_counters.scss
+++ b/app/assets/stylesheets/common/admin/admin_report_counters.scss
@@ -1,7 +1,7 @@
 .admin-report {
   .admin-report-counters {
     display: grid;
-    flex: 1;
+    flex: 1 0 0;
     grid-template-columns: 33% repeat(auto-fit, minmax(20px, 1fr));
     grid-template-rows: repeat(auto-fit, minmax(32px, 1fr));
     align-items: center;
diff --git a/app/assets/stylesheets/common/admin/admin_reports.scss b/app/assets/stylesheets/common/admin/admin_reports.scss
index 3dbd7f4a011..7481cadb993 100644
--- a/app/assets/stylesheets/common/admin/admin_reports.scss
+++ b/app/assets/stylesheets/common/admin/admin_reports.scss
@@ -27,7 +27,7 @@
 
     .filters {
       display: flex;
-      flex: 1;
+      flex: 1 0 0;
       align-items: center;
       flex-direction: column;
       margin-left: 2em;
diff --git a/app/assets/stylesheets/common/admin/dashboard_next.scss b/app/assets/stylesheets/common/admin/dashboard_next.scss
index fe8a5718d13..eb4e6bc1726 100644
--- a/app/assets/stylesheets/common/admin/dashboard_next.scss
+++ b/app/assets/stylesheets/common/admin/dashboard_next.scss
@@ -286,7 +286,7 @@
 
 .counters-list {
   display: flex;
-  flex: 1;
+  flex: 1 0 0;
   flex-direction: column;
 
   .counters-header {
diff --git a/app/assets/stylesheets/common/base/compose.scss b/app/assets/stylesheets/common/base/compose.scss
index 238ad5e7091..459dc7e19a7 100644
--- a/app/assets/stylesheets/common/base/compose.scss
+++ b/app/assets/stylesheets/common/base/compose.scss
@@ -216,7 +216,7 @@
     }
     .category-chooser {
       display: flex;
-      flex: 1;
+      flex: 1 0 0;
       width: auto;
     }
   }
diff --git a/app/assets/stylesheets/common/base/edit-topic-status-update-modal.scss b/app/assets/stylesheets/common/base/edit-topic-status-update-modal.scss
index 24edccbaa91..9901a4e35c5 100644
--- a/app/assets/stylesheets/common/base/edit-topic-status-update-modal.scss
+++ b/app/assets/stylesheets/common/base/edit-topic-status-update-modal.scss
@@ -60,6 +60,6 @@
 // mobile styles
 .mobile-view .edit-topic-timer-modal {
   .select-kit.combo-box {
-    flex: 1;
+    flex: 1 0 0;
   }
 }
diff --git a/app/assets/stylesheets/common/base/emoji.scss b/app/assets/stylesheets/common/base/emoji.scss
index 710027de166..df07721f59a 100644
--- a/app/assets/stylesheets/common/base/emoji.scss
+++ b/app/assets/stylesheets/common/base/emoji.scss
@@ -26,7 +26,7 @@ sup img.emoji {
 .emoji-picker .categories-column {
   display: flex;
   flex-direction: column;
-  flex: 1;
+  flex: 1 0 0;
   align-items: center;
   justify-content: space-between;
   border-right: 1px solid dark-light-diff($primary, $secondary, 90%, -60%);
@@ -61,7 +61,7 @@ sup img.emoji {
   overflow-y: scroll;
   -webkit-overflow-scrolling: touch;
   padding: 0;
-  flex: 1;
+  flex: 1 0 0;
   flex-direction: column;
 }
 
@@ -223,7 +223,7 @@ sup img.emoji {
 .emoji-picker .filter input {
   height: 24px;
   margin: 0;
-  flex: 1;
+  flex: 1 0 0;
   border: none;
   box-shadow: none;
   padding-right: 24px;
@@ -247,7 +247,7 @@ sup img.emoji {
   align-items: center;
   justify-content: flex-start;
   padding: 4px;
-  flex: 1;
+  flex: 1 0 0;
 }
 
 .emoji-picker .filter .clear-filter {
diff --git a/app/assets/stylesheets/common/base/modal.scss b/app/assets/stylesheets/common/base/modal.scss
index e9017d21121..2713ec0dcee 100644
--- a/app/assets/stylesheets/common/base/modal.scss
+++ b/app/assets/stylesheets/common/base/modal.scss
@@ -567,7 +567,7 @@
 
       .left,
       .right {
-        flex: 1;
+        flex: 1 0 0;
       }
 
       .text {
diff --git a/app/assets/stylesheets/common/base/search.scss b/app/assets/stylesheets/common/base/search.scss
index 18bfe3ceb03..717851c4dd1 100644
--- a/app/assets/stylesheets/common/base/search.scss
+++ b/app/assets/stylesheets/common/base/search.scss
@@ -10,7 +10,7 @@
     margin-bottom: 1em;
 
     .search-query {
-      flex: 1;
+      flex: 1 0 0;
       margin: 0 0.5em 0 0;
     }
 
diff --git a/app/assets/stylesheets/common/base/topic-post.scss b/app/assets/stylesheets/common/base/topic-post.scss
index 5d79abd4306..bb27732d2da 100644
--- a/app/assets/stylesheets/common/base/topic-post.scss
+++ b/app/assets/stylesheets/common/base/topic-post.scss
@@ -396,7 +396,7 @@ aside.quote {
 
       .remove-invited {
         display: flex;
-        flex: 1;
+        flex: 1 0 0;
         align-items: center;
         justify-content: center;
         box-sizing: border-box;
diff --git a/app/assets/stylesheets/common/d-editor.scss b/app/assets/stylesheets/common/d-editor.scss
index 66d9799e470..7033be36d80 100644
--- a/app/assets/stylesheets/common/d-editor.scss
+++ b/app/assets/stylesheets/common/d-editor.scss
@@ -43,7 +43,7 @@
 
 .d-editor-textarea-wrapper,
 .d-editor-preview-wrapper {
-  flex: 1;
+  flex: 1 0 0;
 }
 
 .d-editor-textarea-wrapper {
diff --git a/app/assets/stylesheets/common/select-kit/multi-select.scss b/app/assets/stylesheets/common/select-kit/multi-select.scss
index 0de88ae66b6..e959a6a3b29 100644
--- a/app/assets/stylesheets/common/select-kit/multi-select.scss
+++ b/app/assets/stylesheets/common/select-kit/multi-select.scss
@@ -17,7 +17,7 @@
 
     .select-kit-filter {
       border: 0;
-      flex: 1;
+      flex: 1 0 0;
       margin: 1px;
     }
 
@@ -89,7 +89,7 @@
         min-width: 50px;
         padding: 0;
         outline: none;
-        flex: 1;
+        flex: 1 0 0;
 
         .filter-input,
         .filter-input:focus {
@@ -112,7 +112,7 @@
       .selected-color {
         .selected-color-wrapper {
           display: flex;
-          flex: 1;
+          flex: 1 0 0;
           flex-direction: column;
         }
 
@@ -137,7 +137,7 @@
           padding: 2px 4px;
           line-height: $line-height-medium;
           display: flex;
-          flex: 1;
+          flex: 1 0 0;
           align-items: center;
         }
       }
diff --git a/app/assets/stylesheets/common/select-kit/period-chooser.scss b/app/assets/stylesheets/common/select-kit/period-chooser.scss
index 3b2db54c93e..4cfb90b2c74 100644
--- a/app/assets/stylesheets/common/select-kit/period-chooser.scss
+++ b/app/assets/stylesheets/common/select-kit/period-chooser.scss
@@ -57,7 +57,7 @@
         display: flex;
 
         .period-title {
-          flex: 1;
+          flex: 1 0 0;
         }
 
         .date-section {
diff --git a/app/assets/stylesheets/common/select-kit/select-kit.scss b/app/assets/stylesheets/common/select-kit/select-kit.scss
index a1a9a2bffc5..cd5c7576d20 100644
--- a/app/assets/stylesheets/common/select-kit/select-kit.scss
+++ b/app/assets/stylesheets/common/select-kit/select-kit.scss
@@ -214,7 +214,7 @@
       background: none;
       margin: 0;
       padding: 0;
-      flex: 1;
+      flex: 1 0 0;
       outline: none;
       border: 0;
       border-radius: 0;
diff --git a/app/assets/stylesheets/desktop/category-list.scss b/app/assets/stylesheets/desktop/category-list.scss
index fbccd13f445..f00b409bb02 100644
--- a/app/assets/stylesheets/desktop/category-list.scss
+++ b/app/assets/stylesheets/desktop/category-list.scss
@@ -109,7 +109,7 @@
   flex-flow: row wrap;
 
   div.column {
-    flex: 1;
+    flex: 1 0 0;
     flex-direction: row;
     min-width: 300px;
   }
diff --git a/app/assets/stylesheets/desktop/latest-topic-list.scss b/app/assets/stylesheets/desktop/latest-topic-list.scss
index cac4055b442..9bfb716aaff 100644
--- a/app/assets/stylesheets/desktop/latest-topic-list.scss
+++ b/app/assets/stylesheets/desktop/latest-topic-list.scss
@@ -41,7 +41,7 @@
     }
   }
   .topic-stats {
-    flex: 1;
+    flex: 1 0 0;
     text-align: right;
     color: dark-light-choose($primary-medium, $secondary-high);
   }
diff --git a/app/assets/stylesheets/mobile/admin_reports.scss b/app/assets/stylesheets/mobile/admin_reports.scss
index 0179cd4161c..0c00969802e 100644
--- a/app/assets/stylesheets/mobile/admin_reports.scss
+++ b/app/assets/stylesheets/mobile/admin_reports.scss
@@ -16,7 +16,7 @@
       .report-alert {
         margin: 0;
         order: 1;
-        flex: 1;
+        flex: 1 0 0;
         padding: 1em;
       }
     }
diff --git a/app/assets/stylesheets/mobile/compose.scss b/app/assets/stylesheets/mobile/compose.scss
index da399d86931..2de704e4aad 100644
--- a/app/assets/stylesheets/mobile/compose.scss
+++ b/app/assets/stylesheets/mobile/compose.scss
@@ -150,7 +150,7 @@
   .with-tags {
     .category-input {
       flex-basis: auto;
-      flex: 1;
+      flex: 1 0 0;
       margin: 0;
       width: 45%;
       margin-bottom: 5px;
@@ -158,7 +158,7 @@
 
     .mini-tag-chooser {
       width: 50%;
-      flex: 1;
+      flex: 1 0 0;
       margin-left: 5px;
       margin-bottom: 5px;
       z-index: z("base");
diff --git a/plugins/discourse-local-dates/assets/stylesheets/common/discourse-local-dates.scss b/plugins/discourse-local-dates/assets/stylesheets/common/discourse-local-dates.scss
index 8c1b72e7ece..f0fcd4c8896 100644
--- a/plugins/discourse-local-dates/assets/stylesheets/common/discourse-local-dates.scss
+++ b/plugins/discourse-local-dates/assets/stylesheets/common/discourse-local-dates.scss
@@ -66,7 +66,7 @@
   flex-direction: row;
 
   .form {
-    flex: 1;
+    flex: 1 0 0;
 
     label {
       font-weight: 700;
@@ -118,7 +118,7 @@
       }
 
       .preview {
-        flex: 1;
+        flex: 1 0 0;
         margin-top: 16px;
         text-align: center;
       }