diff -u b/core/themes/claro/templates/menu-local-tasks.html.twig b/core/themes/claro/templates/menu-local-tasks.html.twig
--- b/core/themes/claro/templates/menu-local-tasks.html.twig
+++ b/core/themes/claro/templates/menu-local-tasks.html.twig
@@ -21,7 +21,7 @@
 {% endif %}
 {% if secondary %}
   <label for="secondary-tab-dropdown" class="visually-hidden">{{ 'Secondary tabs'|t }}</label>
-  <select id="secondary-tab-dropdown" class="pf-c-select">
+  <select id="secondary-tab-dropdown" class="pf-c-select form-element--type-select">
     {{ secondary }}
   </select>
 {% endif %}
only in patch2:
unchanged:
--- a/core/themes/claro/css/components/form--select.css
+++ b/core/themes/claro/css/components/form--select.css
@@ -16,11 +16,18 @@
   background-repeat: no-repeat;
   background-position: 100% 50%;
   background-size: 2.75rem 0.5625rem; /* w: 14px + (2 * 15px), h: 9px */
+}
+
+.form-element--type-select.pf-c-select {
+  padding: var(--input-padding-vertical) var(--input-padding-horizontal);
+  padding-inline-end: calc(2rem - var(--input-border-size));
+  -webkit-appearance: none;
+  appearance: none;
+}
 
-  /**
+/**
    * Select states.
    */
-}
 
 .form-element--type-select:focus {
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 9'%3e%3cpath fill='none' stroke-width='1.5' d='M1 1l6 6 6-6' stroke='%23003ecc'/%3e%3c/svg%3e");
only in patch2:
unchanged:
--- a/core/themes/claro/css/components/form--select.pcss.css
+++ b/core/themes/claro/css/components/form--select.pcss.css
@@ -10,6 +10,11 @@
   background-position: 100% 50%;
   background-size: 2.75rem 0.5625rem; /* w: 14px + (2 * 15px), h: 9px */
 
+  &.pf-c-select {
+    padding: var(--input-padding-vertical) var(--input-padding-horizontal);
+    padding-inline-end: calc(2rem - var(--input-border-size));
+    appearance: none;
+  }
   /**
    * Select states.
    */