Issue #3374464 by luenemann, Utkarsh_33, vpa24, jennypanighetti, smustgrave,...

Issue #3374464 by luenemann, Utkarsh_33, vpa24, jennypanighetti, smustgrave, bnjmnm: Claro CSS for dropbutton items adds large gap of white space

core/themes/claro/css/components/dropbutton.css

@@ -341,6 +341,11 @@
 
 .dropbutton-wrapper:not(.open) .dropbutton__item:first-of-type ~ .dropbutton__item {
   visibility: hidden;
+  /**
+  * By setting a height of 1px, the dropbutton items are hidden
+  * from view while still occupying minimal space, ensuring the layout remains intact.
+  */
+  height: 1px;
 }
 
 /**

core/themes/claro/css/components/dropbutton.pcss.css

@@ -312,6 +312,11 @@
 
 .dropbutton-wrapper:not(.open) .dropbutton__item:first-of-type ~ .dropbutton__item {
   visibility: hidden;
+  /**
+  * By setting a height of 1px, the dropbutton items are hidden
+  * from view while still occupying minimal space, ensuring the layout remains intact.
+  */
+  height: 1px;
 }
 
 /**