diff --git a/src/components/profile/ProfileButton.vue b/src/components/profile/ProfileButton.vue
index 8e9b8ec..d8ea15d 100644
--- a/src/components/profile/ProfileButton.vue
+++ b/src/components/profile/ProfileButton.vue
@@ -12,7 +12,7 @@
       <input
         ref="profileNameInput" v-model="nameInput"
         onfocus="this.select()" :placeholder="$t('profiles.name_placeholder')"
-        class="flex-1 pl-8 h-full rounded-r-lg text-sm bg-transparent focus-visible:ring-0 focus-visible:outline-none min-w-0 transition-all"
+        class="flex-1 pl-8 h-full rounded-lg text-sm bg-transparent focus-visible:ring-0 focus-visible:outline-none min-w-0 transition-all"
         :class="{'font-semibold bg-zinc-300 hover:bg-zinc-200 text-black' : selected,
         'hover:bg-zinc-900 bg-opacity-50 text-muted-foreground': !selected}"
         @blur="onNameInputBlur">
@@ -21,7 +21,7 @@
         type="submit"
         :class="{'bg-zinc-300 hover:bg-zinc-200 text-black' : selected,
                 'hover:bg-opacity-100 bg-zinc-900 text-zinc-100 bg-opacity-50': !selected}"
-        class="flex h-full rounded-l-lg aspect-square justify-center items-center flex-shrink-0 transition-all">
+        class="flex h-full rounded-lg aspect-square justify-center items-center flex-shrink-0 transition-all">
         <Check class="h-4 w-4" />
       </button>
     </form>
@@ -30,7 +30,7 @@
       v-else
       :class="{'font-semibold bg-zinc-300 hover:bg-zinc-200 text-black' : selected,
       'hover:bg-zinc-900 bg-opacity-50 text-muted-foreground': !selected}"
-      class="flex-1 h-12 rounded-r-lg text-left text-sm whitespace-nowrap overflow-hidden text-ellipsis pr-4 transition-all"
+      class="flex-1 h-12 rounded-lg text-left text-sm whitespace-nowrap overflow-hidden text-ellipsis pr-4 transition-all"
       @click="!editing && $emit('select') && $refs.profileTitle.scramble()">
       <span class="ml-2 w-4 mr-2 cursor-grab" :class="{'ml-2': !draggable}">
         <GripHorizontal
@@ -54,7 +54,7 @@
         :class="{'bg-zinc-300 hover:bg-zinc-200 text-black' : selected,
                 'hover:bg-opacity-100 bg-zinc-900 text-zinc-100 bg-opacity-50': !selected,
                 'group-hover:w-12' : !editing}"
-        class="flex w-0 h-12 rounded-l-lg justify-center items-center flex-shrink-0 transition-all"
+        class="flex w-0 h-12 rounded-lg justify-center items-center flex-shrink-0 transition-all"
         @click="startEditing">
         <PenLine class="h-4 w-4" />
       </button>
@@ -63,7 +63,7 @@
                 'hover:bg-opacity-100 bg-zinc-900 text-zinc-100 bg-opacity-50': !selected,
                 'group-hover:w-12' : !editing,
                 'rounded-l-lg': !nameEditable}"
-        class="flex w-0 h-12 justify-center items-center flex-shrink-0 transition-all"
+        class="flex w-0 h-12 rounded-lg justify-center items-center flex-shrink-0 transition-all"
         @click="$emit('duplicate')">
         <Copy class="h-4 w-4" />
       </button>
@@ -71,7 +71,7 @@
         :class="{'bg-orange-700 hover:bg-orange-600 text-black' : selected,
                 'hover:bg-opacity-100 bg-orange-900 text-zinc-100 bg-opacity-50': !selected,
                 'group-hover:w-12' : !editing}"
-        class="flex w-0 h-12 justify-center items-center flex-shrink-0 transition-all"
+        class="flex w-0 h-12 rounded-lg justify-center items-center flex-shrink-0 transition-all"
         @click="confirmDelete=true">
         <Trash2 class="h-4 w-4" />
       </button>
@@ -81,7 +81,7 @@
         :class="{'bg-orange-600 hover:bg-orange-500 text-black' : selected,
                 'hover:bg-opacity-100 bg-orange-900 text-zinc-100 bg-opacity-50': !selected,
                 'group-hover:w-12' : !editing}"
-        class="flex w-0 h-12 justify-center items-center flex-shrink-0 transition-all"
+        class="flex w-0 h-12 rounded-lg justify-center items-center flex-shrink-0 transition-all"
         @click="$emit('delete', profile.id)">
         <Check class="h-4 w-4" />
       </button>
@@ -89,7 +89,7 @@
         :class="{'bg-zinc-300 hover:bg-zinc-200 text-black' : selected,
                 'hover:bg-opacity-100 bg-zinc-900 text-zinc-100 bg-opacity-50': !selected,
                 'group-hover:w-12' : !editing}"
-        class="flex w-0 h-12 justify-center items-center flex-shrink-0 transition-all"
+        class="flex w-0 h-12 rounded-lg justify-center items-center flex-shrink-0 transition-all"
         @click="confirmDelete=false">
         <X class="h-4 w-4" />
       </button>