UX: category description display issue

html tags like `<strong>` are displayed on separate lines inside a flexbox with `flex-wrap`

app/assets/stylesheets/common/select-kit/category-row.scss

@@ -1,7 +1,6 @@
 .select-kit {
   .category-row {
-    .category-status,
-    .category-desc {
+    .category-status {
       display: flex;
       flex-wrap: wrap;
       align-items: center;
@@ -10,14 +9,15 @@
       -ms-flex: 1 1 auto;
       flex: 1 1 auto;
     }
-
+    .category-desc {
+      max-width: 100%; // needed for IE11
+    }
     .category-status {
       .badge-wrapper.box {
         margin-bottom: 1px;
         margin-top: 1px;
       }
     }
-
     .topic-count {
       white-space: nowrap;
     }