src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Components/Select/Components/SelectListElement.razor.css

@@ -6,6 +6,7 @@
     gap: 6px;
     height: 20px;
     align-items: center;
+    z-index: 501;
 }
 
     .select-element:hover {
@@ -64,4 +65,32 @@
         margin-right: 6px;
     }
 
+/***** Filter Theme *****/
+.filter {
+    padding: 2px 6px;
+}
+
+    .filter:hover {
+        background: var(--low-white);
+    }
+
+    .filter .select-label {
+        text-wrap: nowrap;
+        margin-right: 6px;
+    }
+
+/***** Filter Theme *****/
+.advancedfilter {
+    padding: 2px 6px;
+}
+
+    .advancedfilter:hover {
+        background: var(--low-white);
+    }
+
+    .advancedfilter .select-label {
+        text-wrap: nowrap;
+        margin-right: 6px;
+    }
+
 

src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Components/Select/MultipleSelectList.razor.css

@@ -5,6 +5,7 @@
 .select-container {
     margin-top: 4px;
     position: absolute;
+    z-index: 500;
 }
 
 .align-right {
@@ -18,6 +19,7 @@
     border-radius: var(--small-radius);
     animation-name: fade-in;
     animation-duration: 0.4s;
+    z-index: 500;
 }
 
 .line {
@@ -47,3 +49,11 @@
     min-width: 150px;
 }
 
+/***** AdvanceFilter Theme *****/
+.select-content.advancedfilter {
+    background: var(--light-grey);
+    box-shadow: var(--drop-shadow);
+    padding: 4px 0;
+    min-width: 150px;
+}
+