diff --git a/teamsnap/dashboard/templates/widgets/event-card.html b/teamsnap/dashboard/templates/widgets/event-card.html
index f005f78..d4a3f80 100644
--- a/teamsnap/dashboard/templates/widgets/event-card.html
+++ b/teamsnap/dashboard/templates/widgets/event-card.html
@@ -12,10 +12,10 @@
       {% if not event.data.results %}
       <div>
         <div class="progress">
-          <div class="progress-bar bg-success" role="progressbar" style="width: {% availability_percentage availability_summary 'player_going' %}%">{{ availability_summary.data.player_going_count }}</div>
-          <div class="progress-bar bg-info" role="progressbar" style="width: {% availability_percentage availability_summary 'player_maybe' %}%">{{ availability_summary.data.player_maybe_count }}</div>
-          <div class="progress-bar bg-danger" role="progressbar" style="width: {% availability_percentage availability_summary 'player_not_going' %}%" >{{ availability_summary.data.player_not_going_count }}</div>
-          <div class="progress-bar text-secondary" role="progressbar" style="width: {% availability_percentage availability_summary 'player_unknown' %}%;background-color:#e9ecef;">{{ availability_summary.data.player_unknown_count }}</div>
+          <div class="progress-bar bg-success fw-bold" role="progressbar" style="width: {% availability_percentage availability_summary 'player_going' %}%">{{ availability_summary.data.player_going_count }}</div>
+          <div class="progress-bar bg-info fw-bold" role="progressbar" style="width: {% availability_percentage availability_summary 'player_maybe' %}%">{{ availability_summary.data.player_maybe_count }}</div>
+          <div class="progress-bar bg-danger fw-bold" role="progressbar" style="width: {% availability_percentage availability_summary 'player_not_going' %}%" >{{ availability_summary.data.player_not_going_count }}</div>
+          <div class="progress-bar text-secondary fw-bold" role="progressbar" style="width: {% availability_percentage availability_summary 'player_unknown' %}%;background-color:#e9ecef;">{{ availability_summary.data.player_unknown_count }}</div>
         </div>
       </div>
       {% endif %}
diff --git a/teamsnap/lineup/templates/lineup/widgets/lineup.html b/teamsnap/lineup/templates/lineup/widgets/lineup.html
index d80b9c3..0cb4419 100644
--- a/teamsnap/lineup/templates/lineup/widgets/lineup.html
+++ b/teamsnap/lineup/templates/lineup/widgets/lineup.html
@@ -11,10 +11,10 @@
         {{ event.data.location_name }}
       </h6>
       <div class="progress">
-        <div class="progress-bar bg-success" role="progressbar" style="width: {% availability_percentage availability_summary 'player_going' %}%">{{ availability_summary.data.player_going_count }}</div>
-        <div class="progress-bar bg-info" role="progressbar" style="width: {% availability_percentage availability_summary 'player_maybe' %}%">{{ availability_summary.data.player_maybe_count }}</div>
-        <div class="progress-bar bg-danger" role="progressbar" style="width: {% availability_percentage availability_summary 'player_not_going' %}%" >{{ availability_summary.data.player_not_going_count }}</div>
-        <div class="progress-bar text-secondary" role="progressbar" style="width: {% availability_percentage availability_summary 'player_unknown' %}%;background-color:#e9ecef;">{{ availability_summary.data.player_unknown_count }}</div>
+        <div class="progress-bar bg-success fw-bold" role="progressbar" style="width: {% availability_percentage availability_summary 'player_going' %}%">{{ availability_summary.data.player_going_count }}</div>
+        <div class="progress-bar bg-info fw-bold" role="progressbar" style="width: {% availability_percentage availability_summary 'player_maybe' %}%">{{ availability_summary.data.player_maybe_count }}</div>
+        <div class="progress-bar bg-danger fw-bold" role="progressbar" style="width: {% availability_percentage availability_summary 'player_not_going' %}%" >{{ availability_summary.data.player_not_going_count }}</div>
+        <div class="progress-bar text-secondary fw-bold" role="progressbar" style="width: {% availability_percentage availability_summary 'player_unknown' %}%;background-color:#e9ecef;">{{ availability_summary.data.player_unknown_count }}</div>
       </div>
 
       <div class="row">
@@ -23,7 +23,7 @@
             <i class="bi bi-asterisk"></i>
           </a>
         </div>
-        <div class="col text-end d-inline">
+        <div class="col d-flex justify-content-end">
           <div class="d-flex">
             <a class="btn btn-primary btn-sm py-0 m-1" role="button" href="{% url 'gamecard' event_id=event.data.id team_id=event.data.team_id %}" target="_blank" rel="noopener noreferrer">
               <i class="bi bi-book"></i>