diff --git a/app/app.vue b/app/app.vue
index 813b0c2..389ddcd 100644
--- a/app/app.vue
+++ b/app/app.vue
@@ -220,7 +220,11 @@
             <div class="dropdown dropdown-end" v-if="activeProfile">
               <div tabindex="0" role="button" class="btn btn-ghost btn-circle avatar placeholder">
                 <div class="bg-secondary text-secondary-content rounded-full w-10 h-10 grid place-items-center">
-                  <span class="text-sm font-semibold leading-none">{{ activeProfileInitials }}</span>
+                  <span
+                    class="flex h-full w-full items-center justify-center text-sm font-semibold leading-none tracking-tight"
+                  >
+                    {{ activeProfileInitials }}
+                  </span>
                 </div>
               </div>
               <ul tabindex="0" class="menu dropdown-content mt-3 p-2 shadow bg-base-100 rounded-box w-64">