diff --git a/frontend/src/views/components/SecuritySettings/SecuritySettings.css b/frontend/src/views/components/SecuritySettings/SecuritySettings.css
index b560528..5bcb55d 100644
--- a/frontend/src/views/components/SecuritySettings/SecuritySettings.css
+++ b/frontend/src/views/components/SecuritySettings/SecuritySettings.css
@@ -34,23 +34,25 @@
   display: flex;
   flex: 0 0 auto;
   flex-direction: row;
-  flex-wrap: nowrap;
+  flex-wrap: nowrap !important;
   align-items: center;
   align-content: center;
   justify-content: flex-end;
   gap: 6px;
   min-width: max-content;
+  white-space: nowrap;
   margin: 0;
 }
 .security-key-header > .security-recovery-actions {
-  display: inline-flex;
+  display: flex;
+  flex: 0 0 auto;
   align-items: center;
   align-content: center;
   justify-content: flex-end;
-  flex-flow: row nowrap;
+  flex-flow: row nowrap !important;
   gap: 8px;
-  height: 32px;
-  min-height: 32px;
+  height: 36px;
+  min-height: 36px;
   min-width: max-content;
   white-space: nowrap;
   vertical-align: middle;
@@ -60,11 +62,12 @@
   align-items: center;
   justify-content: center;
   flex: 0 0 auto;
-  height: 32px;
-  min-height: 32px;
+  height: 36px;
+  min-height: 36px;
   box-sizing: border-box;
   margin: 0 !important;
-  line-height: 1;
+  padding: 8px 12px;
+  line-height: 1.25;
   white-space: nowrap;
   vertical-align: middle;
 }
@@ -73,9 +76,10 @@
   align-items: center;
   justify-content: center;
   box-sizing: border-box;
-  min-height: 32px;
+  height: 36px;
+  min-height: 36px;
   margin: 0;
-  padding: 8px 10px;
+  padding: 8px 12px;
   line-height: 1.25;
   white-space: nowrap;
   vertical-align: middle;
@@ -110,7 +114,13 @@
     gap: 16px;
   }
   .security-key-header, .credential-item, .external-email-header, .external-item { display: flex; flex-direction: column; align-items: stretch; }
-  .security-key-header > .section-actions { width: 100%; justify-content: flex-start; }
+  .security-key-header > .section-actions {
+    width: 100%;
+    min-width: 0;
+    justify-content: flex-start;
+    overflow-x: auto;
+    padding-bottom: 2px;
+  }
   .credential-actions { width: 100%; }
   .credential-actions .el-button { flex: 1; }
 }
diff --git a/frontend/src/views/components/UserManagement/RecoveryCodeDialog/RecoveryCodeDialog.css b/frontend/src/views/components/UserManagement/RecoveryCodeDialog/RecoveryCodeDialog.css
index 9112d0e..314bcd7 100644
--- a/frontend/src/views/components/UserManagement/RecoveryCodeDialog/RecoveryCodeDialog.css
+++ b/frontend/src/views/components/UserManagement/RecoveryCodeDialog/RecoveryCodeDialog.css
@@ -94,13 +94,16 @@
 
 .recovery-dialog-actions {
   display: flex;
-  flex-flow: row nowrap;
+  flex: 0 0 auto;
+  flex-flow: row nowrap !important;
   align-items: center;
   align-content: center;
   justify-content: flex-end;
   gap: 10px;
   min-width: max-content;
+  min-height: 36px;
   white-space: nowrap;
+  vertical-align: middle;
 }
 
 .recovery-dialog-actions :deep(.el-button + .el-button) {
@@ -112,8 +115,10 @@
   align-items: center;
   justify-content: center;
   flex: 0 0 auto;
-  min-height: 32px;
+  height: 36px;
+  min-height: 36px;
   box-sizing: border-box;
+  padding: 8px 12px;
   margin-top: 0;
   margin-right: 0;
   margin-bottom: 0;