diff --git a/frappe/public/tailwind.css b/frappe/public/tailwind.css
index f0667bd10c..4aadbc99f5 100644
--- a/frappe/public/tailwind.css
+++ b/frappe/public/tailwind.css
@@ -1,7 +1,7 @@
 @tailwind base;
 @tailwind components;
 
-details.dropdown summary::-webkit-details-marker {
+details.hide-summary-arrow summary::-webkit-details-marker {
 	display: none;
 }
 
@@ -9,7 +9,6 @@ details.dropdown summary::-webkit-details-marker {
 	@apply text-xl;
 	@apply text-gray-900;
 	@apply leading-relaxed;
-	@apply py-20;
 
 	> * + * {
 		@apply mt-6;
diff --git a/frappe/templates/components/dropdown.html b/frappe/templates/components/dropdown.html
index 4c197eaa03..f73bdf9304 100644
--- a/frappe/templates/components/dropdown.html
+++ b/frappe/templates/components/dropdown.html
@@ -1,4 +1,4 @@
-<details class="relative inline-block text-left dropdown">
+<details class="relative inline-block text-left dropdown hide-summary-arrow">
 	<summary class="block cursor-pointer focus:outline-none">
 		<span class="inline-flex items-center justify-center text-gray-800 hover:text-gray-900">
 			{{ label }}