From 77152b525df67e0873ba2896c9f4cd3a3475f364 Mon Sep 17 00:00:00 2001
From: 24c02 <163450896+24c02@users.noreply.github.com>
Date: Mon, 2 Mar 2026 20:29:56 -0500
Subject: [PATCH] fix #189

---
 app/components/backup_codes_display.rb          | 3 ++-
 app/frontend/stylesheets/snippets/security.scss | 2 ++
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/app/components/backup_codes_display.rb b/app/components/backup_codes_display.rb
index 15de9b0..95ddb73 100644
--- a/app/components/backup_codes_display.rb
+++ b/app/components/backup_codes_display.rb
@@ -154,7 +154,8 @@ class Components::BackupCodesDisplay < Components::Base
         a(
           download: "backup-codes.txt",
           href: "data:text/plain;charset=utf-8,#{ERB::Util.url_encode(@codes.join("\n"))}",
-          class: "button secondary"
+          role: "button",
+          class: "secondary"
         ) do
           t "identity_backup_codes.download"
         end
diff --git a/app/frontend/stylesheets/snippets/security.scss b/app/frontend/stylesheets/snippets/security.scss
index ecd0fd7..2122a3c 100644
--- a/app/frontend/stylesheets/snippets/security.scss
+++ b/app/frontend/stylesheets/snippets/security.scss
@@ -410,12 +410,14 @@
   display: flex;
   gap: $space-3;
   flex-wrap: wrap;
+  align-items: center;
   margin-bottom: $space-5;
 
   button,
   a {
     flex: 1;
     min-width: 140px;
+    margin: 0;
   }
 
   @media (max-width: 480px) {