diff --git a/src/character/templates/character/character_card.html b/src/character/templates/character/character_card.html
index 4835854..08a9453 100644
--- a/src/character/templates/character/character_card.html
+++ b/src/character/templates/character/character_card.html
@@ -2,15 +2,16 @@
     <div class="card">
         <div class="card-body">
             <h5 class="card-title">
-                <a href="{% url "character:view" pk=character.pk %}">
-                    {{ character.name }}
-                </a>
+                {{ character.name }}
             </h5>
             <p class="card-text">
                 {{ character.race.name }} {{ character.profile.name }} niv. {{ character.level }}<br>
                 {{ character.get_gender_display }}, {{ character.age }} ans, {{ character.height_m }}m, {{ character.weight }}kg<br>
                 PV {{ character.health_remaining }}/{{ character.health_max }}, PM {{ character.mana_remaining }}/{{ character.mana_max }}
             </p>
+            <a href="{% url "character:view" pk=character.pk %}" class="btn btn-sm btn-primary">
+                <i class="fa-solid fa-user"></i> Play
+            </a>
         </div>
     </div>
 </div>
diff --git a/src/character/templates/character/list.html b/src/character/templates/character/list.html
index dbf4557..f258c2a 100644
--- a/src/character/templates/character/list.html
+++ b/src/character/templates/character/list.html
@@ -5,7 +5,7 @@
 
 {% block content %}
     <h1>Characters</h1>
-    <div class="row row-cols-4 g-4">
+    <div class="row row-cols-1 row-cols-sm-2 row-cols-md-3 row-cols-lg-4 g-4">
         {% for character in characters %}
             {% include "character/character_card.html" %}
         {% endfor %}