From 6ec219031d67a92d9758e66399e16d60b1835ca6 Mon Sep 17 00:00:00 2001
From: Jean-Baptiste Bellet <jb.bellet@gmail.com>
Date: Tue, 14 Feb 2023 15:47:55 +0100
Subject: [PATCH] Avoid to specifically use a `label` component for `menu_item`

Then, add `label` CSS rule inside `menu_item` component
---
 app/webpacker/css/admin/dropdown.scss | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/app/webpacker/css/admin/dropdown.scss b/app/webpacker/css/admin/dropdown.scss
index 4ba11d97e8..ed6acc6c59 100644
--- a/app/webpacker/css/admin/dropdown.scss
+++ b/app/webpacker/css/admin/dropdown.scss
@@ -200,13 +200,15 @@
 		max-height: 200px;
 		overflow-y: scroll;
 
-		label.menu_item {
+		.menu_item {
 			margin-bottom: 5px;
 			color: #454545;
 			font-weight: 400;
 			cursor: pointer;
 			padding-top: 4px;
 			padding-bottom: 5px;
+			text-transform: uppercase;
+			font-size: 85%;
 		}
 	}
 }