Add padding-right to native selects

Author: rawilk

resources/css/select.css

@@ -4,6 +4,10 @@
         overflow: auto;
     }
 
+    .form-select {
+        @apply pr-[--select-padding-right];
+    }
+
     .form-select + :is(.trailing-inline-addon, .trailing-icon) {
         @apply right-5;
     }
@@ -12,3 +16,10 @@
         @apply pr-12;
     }
 }
+
+/* sizing */
+@layer utilities {
+    .form-input--sm .form-select {
+        @apply pr-[--select-padding-right-sm];
+    }
+}

resources/css/variables.css

@@ -113,6 +113,10 @@
     --input-error-dark-placeholder-color: theme('colors.red.400');
     --input-error-dark-border-color: theme('colors.red.500');
 
+    /* select */
+    --select-padding-right: theme('spacing.10');
+    --select-padding-right-sm: theme('spacing.8');
+
     /* label */
     --label-text-size: theme('fontSize.base');
     --label-font-weight: theme('fontWeight.medium');