diff --git a/lib/mv_web/live/member_live/show/membership_fees_component.ex b/lib/mv_web/live/member_live/show/membership_fees_component.ex
index f6aa21d..7712085 100644
--- a/lib/mv_web/live/member_live/show/membership_fees_component.ex
+++ b/lib/mv_web/live/member_live/show/membership_fees_component.ex
@@ -224,7 +224,7 @@ defmodule MvWeb.MemberLive.Show.MembershipFeesComponent do
                       phx-value-cycle_id={cycle.id}
                       phx-value-status="paid"
                       phx-target={@myself}
-                      class="join-item btn btn-sm btn-success"
+                      class="join-item btn btn-sm btn-outline btn-success"
                       title={gettext("Mark as paid")}
                     >
                       <.icon name="hero-check-circle" class="size-4" />
@@ -250,7 +250,7 @@ defmodule MvWeb.MemberLive.Show.MembershipFeesComponent do
                       phx-value-cycle_id={cycle.id}
                       phx-value-status="unpaid"
                       phx-target={@myself}
-                      class="join-item btn btn-sm btn-error"
+                      class="join-item btn btn-sm btn-outline btn-error"
                       title={gettext("Mark as unpaid")}
                     >
                       <.icon name="hero-x-circle" class="size-4" />