diff --git a/resources/views/components/character-card.blade.php b/resources/views/components/character-card.blade.php
index c727229..b205e2e 100644
--- a/resources/views/components/character-card.blade.php
+++ b/resources/views/components/character-card.blade.php
@@ -1,20 +1,11 @@
 @props(['character', 'destroy' => false])
 
-<div class="flex justify-between rounded p-2 bg-class-{{ $character->class }}">
-    <div>
+<div class="rounded p-2 bg-class-{{ $character->class }}">
+    <div class="flex justify-between">
         <div class="flex items-center">
             <x-class-icon class="w-8 h-8" :name="$character->class" />
             <a href="{{ route('character.show', ['character' => $character ]) }}" class="text-2xl ml-2">{{ $character->level }} {{ $character->name }}</a>
         </div>
-        <p>{{ Str::ucfirst($character->class) }}</p>
-    </div>
-
-    <div class="flex gap-1">
-        @foreach($character->professions as $ch_prof)
-        <a href="{{ route('character.profession.show', [ 'character' => $character, 'profession' => $ch_prof->profession ]) }}">
-            <x-profession-icon class="border border-black rounded-full w-6 h-6" :name="$ch_prof->name" />
-        </a>
-        @endforeach
 
         @if ($destroy)
         <x-form :action="$destroy" method="DELETE">
@@ -24,4 +15,16 @@
         </x-form>
         @endif
     </div>
+
+    <div class="flex justify-between">
+        <p>{{ Str::ucfirst($character->class) }}</p>
+
+        <div class="flex gap-1">
+            @foreach($character->professions as $ch_prof)
+            <a href="{{ route('character.profession.show', [ 'character' => $character, 'profession' => $ch_prof->profession ]) }}">
+                <x-profession-icon class="border border-black rounded-full w-6 h-6" :name="$ch_prof->name" />
+            </a>
+            @endforeach
+        </div>
+    </div>
 </div>