diff --git a/ui/core/components/list_picker.tsx b/ui/core/components/list_picker.tsx
index da6fede700..f44a86973f 100644
--- a/ui/core/components/list_picker.tsx
+++ b/ui/core/components/list_picker.tsx
@@ -79,7 +79,7 @@ export class ListPicker<ModObject, ItemType> extends Input<ModObject, Array<Item
 		)
 
 		if (this.config.hideUi) {
-			this.rootElem.classList.add('hide-ui');
+			this.rootElem.classList.add('d-none');
 		}
 		if (this.config.horizontalLayout) {
 			this.config.inlineMenuBar = true;
diff --git a/ui/scss/core/components/_list_picker.scss b/ui/scss/core/components/_list_picker.scss
index 58b0d09c6f..57007af435 100644
--- a/ui/scss/core/components/_list_picker.scss
+++ b/ui/scss/core/components/_list_picker.scss
@@ -72,20 +72,6 @@
 	}
 }
 
-.list-picker-root.hide-ui {
-	.list-picker-item-container {
-		padding: 0 !important;
-		margin: 0 !important;
-		border: none !important;
-	}
-	.list-picker-item-header {
-		display: none !important;
-	}
-	.list-picker-new-button {
-		display: none !important;
-	}
-}
-
 .list-picker-root.horizontal {
 	flex-direction: row;
 	align-items: center;