Fix filter type selector display

capsule-prototype/css/mosaic.css

@@ -29,6 +29,20 @@
 	flex-wrap: wrap;
 }
 
+.mosaic_filter_item_select {
+	min-width: min-content;
+	height: var(--filter-height);
+	margin: var(--base-spacing);
+	padding: var(--base-spacing);
+	border-radius: var(--border-radius);
+	display: flex;
+	flex-direction: row;
+	justify-content: left;
+	padding-left: var(--filter-bg-size);
+	align-items: center;
+	flex-grow: 1;
+}
+
 .mosaic_filter_item, .mosaic_label_filter {
   min-width: min-content;
 	height: var(--filter-height);

capsule-prototype/js/MosaicPanelWidget.js

@@ -97,7 +97,7 @@
                 let selectDiv = $('<div class="filter-type-selector">');
                 selectDiv.addClass("mosaic_filter");
 
-                let outerDiv = $('<div class="mosaic_filter_item mosaic_filter_item_select" style="display: flex; flex-direction: row; justify-content:center; align-items: center; align-content: center; ">');
+                let outerDiv = $('<div class="mosaic_filter_item_select" style="display: flex; flex-direction: row; justify-content:center; align-items: center; align-content: center; ">');
 
                 let selectElement = $('<select>');