diff --git a/app/views/reports/_transactions_breakdown.html.erb b/app/views/reports/_transactions_breakdown.html.erb
index 0e1d6531d..678d51e63 100644
--- a/app/views/reports/_transactions_breakdown.html.erb
+++ b/app/views/reports/_transactions_breakdown.html.erb
@@ -14,14 +14,13 @@
 
     <%# Export Options %>
     <div class="flex items-center gap-2">
-      <span class="text-sm text-secondary"><%= t("reports.transactions_breakdown.export.label") %>:</span>
       <%= link_to export_transactions_reports_path(base_params.merge(format: :csv)),
-                  class: "inline-flex items-center gap-1 text-sm px-3 py-1 bg-surface-inset text-secondary hover:bg-surface-hover rounded-lg" do %>
+                  class: "font-medium whitespace-nowrap inline-flex items-center gap-1 rounded-lg px-3 py-2 text-sm text-primary border border-secondary bg-transparent hover:bg-surface-hover" do %>
         <%= icon("download", class: "w-3 h-3") %>
         <span><%= t("reports.transactions_breakdown.export.csv") %></span>
       <% end %>
       <%= link_to google_sheets_instructions_reports_path(base_params),
-                  class: "inline-flex items-center gap-1 text-sm px-3 py-1 bg-surface-inset text-secondary hover:bg-surface-hover rounded-lg",
+                  class: "font-medium whitespace-nowrap inline-flex items-center gap-1 rounded-lg px-3 py-2 text-sm text-primary border border-secondary bg-transparent hover:bg-surface-hover",
                   data: { turbo_frame: "modal" } do %>
         <%= icon("external-link", class: "w-3 h-3") %>
         <span><%= t("reports.transactions_breakdown.export.google_sheets") %></span>