diff --git a/src/runtime/app.config.ts b/src/runtime/app.config.ts
index ed26f122..6e88c395 100644
--- a/src/runtime/app.config.ts
+++ b/src/runtime/app.config.ts
@@ -323,11 +323,20 @@ const inputGroup = {
 }
 
 const textarea = {
-  ...input
+  ...input,
+  default: {
+    size: 'sm',
+    appearance: 'white'
+  }
 }
 
 const select = {
-  ...input
+  ...input,
+  default: {
+    size: 'sm',
+    appearance: 'white',
+    trailingIcon: 'i-heroicons-chevron-down-20-solid'
+  }
 }
 
 const selectMenu = {
diff --git a/src/runtime/components/forms/Select.vue b/src/runtime/components/forms/Select.vue
index 21250c80..ab570293 100644
--- a/src/runtime/components/forms/Select.vue
+++ b/src/runtime/components/forms/Select.vue
@@ -40,8 +40,8 @@
       <UIcon :name="icon" :class="iconClass" />
     </div>
 
-    <span :class="trailingIconClass">
-      <UIcon name="i-heroicons-chevron-down-20-solid" :class="iconClass" aria-hidden="true" />
+    <span v-if="trailingIcon" :class="trailingIconClass">
+      <UIcon :name="trailingIcon" :class="iconClass" aria-hidden="true" />
     </span>
   </div>
 </template>
@@ -89,6 +89,10 @@ export default defineComponent({
       type: String,
       default: null
     },
+    trailingIcon: {
+      type: String,
+      default: () => appConfig.ui.select.default.trailingIcon
+    },
     options: {
       type: Array,
       default: () => []