diff --git a/app/components/multiple_checked_select_component/multiple_checked_select_component.html.haml b/app/components/multiple_checked_select_component/multiple_checked_select_component.html.haml
index ae15d26f70..f4ed6df88b 100644
--- a/app/components/multiple_checked_select_component/multiple_checked_select_component.html.haml
+++ b/app/components/multiple_checked_select_component/multiple_checked_select_component.html.haml
@@ -1,7 +1,6 @@
-.ofn-drop-down{ data: { controller: "multiple-checked-select", "multiple-checked-select-input-name-value": @name } }
-  %div{ "data-multiple-checked-select-target": "button" }
-    %span{ class: 'icon-reorder' }
-      = "  #{t('admin.columns')}".html_safe
+.ofn-drop-down.ofn-drop-down-v2{ data: { controller: "multiple-checked-select", "multiple-checked-select-input-name-value": @name } }
+  %div.ofn-drop-down-label{ "data-multiple-checked-select-target": "button" }
+    %span{class: "label"}= t('admin.columns')
     %span{ class: "icon-caret-down", "data-multiple-checked-select-target": "caret" }
   %div.menu{ class: "hidden", "data-multiple-checked-select-target": "options" }
     %div.filter
diff --git a/app/webpacker/css/admin/dropdown.scss b/app/webpacker/css/admin/dropdown.scss
index 6547ae6b00..fccc2276a0 100644
--- a/app/webpacker/css/admin/dropdown.scss
+++ b/app/webpacker/css/admin/dropdown.scss
@@ -65,6 +65,41 @@
 
 .ofn-drop-down {
 	@include ofn-drop-down-style;
+
+	&.ofn-drop-down-v2 {
+		border: 1px solid $pale-blue;
+		background-color: white;
+		padding: 0px;
+		
+		&:hover {
+			border-color: $spree-blue;
+		}
+
+		.ofn-drop-down-label {
+			color: $color-3;
+			padding: 10px;
+			width: 235px;
+			display: flex;
+			justify-content: space-between;
+
+			&:hover {
+				color: $color-3;
+			}
+
+			.label {
+				padding-right: 10px;
+			}
+
+			.icon-caret-down, .icon-caret-up {
+				padding-right: 0px;
+			}
+		}
+
+		.menu {
+			width: 100%;
+		}
+	}
+
 	position: relative;
 	float: left;