Refactor products sort order select title styles

- Removed inline-block display and replaced it with flex display for better alignment.
- Adjusted width to fit-content and added nowrap to prevent text wrapping.

themes/InterBlue/assets/css/custom.scss

@@ -1583,4 +1583,28 @@ body.high-contrast {
       }
     }
   }
+
+  .displayLeftColumn {
+    .ab.block.list-view {
+      border: 1px solid #FFF;
+      padding: 5px;
+      background: #000 !important;
+
+      .block-title {
+        background: #000 !important;
+        color: #FFF;
+
+        h2 {
+          color: #FFF !important;
+          padding-left: 30px !important;
+        }
+      }
+
+      .item-list {
+        a {
+          color: #FFF !important;
+        }
+      }
+    }
+  }
 }

themes/InterBlue/assets/css/theme.scss

@@ -11197,7 +11197,6 @@ html body#category section#main div#js-product-list-header {
 }
 
 .products-sort-order .select-title {
-  display: inline-block;
   width: 100%;
   color: #999999;
   background: #fff;
@@ -11205,6 +11204,10 @@ html body#category section#main div#js-product-list-header {
   cursor: pointer;
   border: 1px solid rgba(0, 0, 0, 0.25);
   font-size: 13px;
+  display: flex;
+  flex-wrap: nowrap;
+  width: fit-content;
+  white-space: nowrap;
 }
 
 .products-sort-order .select-list {