diff --git a/src/runtime/app.config.ts b/src/runtime/app.config.ts
index 4a9e7224..17fdd213 100644
--- a/src/runtime/app.config.ts
+++ b/src/runtime/app.config.ts
@@ -366,7 +366,8 @@ const selectMenu = {
       base: 'flex-shrink-0 w-2 h-2 mx-1 rounded-full'
     },
     selected: {
-      wrapper: 'absolute inset-y-0 right-0 flex items-center pr-2',
+      wrapper: 'absolute inset-y-0 right-0 flex items-center',
+      padding: 'pr-2',
       icon: 'h-4 w-4 text-gray-900 dark:text-white flex-shrink-0'
     }
   },
diff --git a/src/runtime/components/forms/SelectMenu.vue b/src/runtime/components/forms/SelectMenu.vue
index 485e6fa8..bda95041 100644
--- a/src/runtime/components/forms/SelectMenu.vue
+++ b/src/runtime/components/forms/SelectMenu.vue
@@ -77,7 +77,7 @@
                 </slot>
               </div>
 
-              <span v-if="selected" :class="ui.option.selected.wrapper">
+              <span v-if="selected" :class="[ui.option.selected.wrapper, ui.option.selected.padding]">
                 <UIcon :name="selectedIcon" :class="ui.option.selected.icon" aria-hidden="true" />
               </span>
             </li>