diff --git a/frontend/src/views/components/UserManagement/RecoveryCodeDialog/RecoveryCodeDialog.css b/frontend/src/views/components/UserManagement/RecoveryCodeDialog/RecoveryCodeDialog.css
index 431f0fd..9112d0e 100644
--- a/frontend/src/views/components/UserManagement/RecoveryCodeDialog/RecoveryCodeDialog.css
+++ b/frontend/src/views/components/UserManagement/RecoveryCodeDialog/RecoveryCodeDialog.css
@@ -73,6 +73,13 @@
 }
 
 .copy-button {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  min-height: 32px;
+  box-sizing: border-box;
+  margin: 0;
+  vertical-align: middle;
   justify-self: end;
 }
 
@@ -87,15 +94,35 @@
 
 .recovery-dialog-actions {
   display: flex;
-  flex-wrap: wrap;
+  flex-flow: row nowrap;
+  align-items: center;
+  align-content: center;
   justify-content: flex-end;
   gap: 10px;
+  min-width: max-content;
+  white-space: nowrap;
 }
 
 .recovery-dialog-actions :deep(.el-button + .el-button) {
   margin-left: 0;
 }
 
+.recovery-dialog-actions :deep(.el-button) {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  flex: 0 0 auto;
+  min-height: 32px;
+  box-sizing: border-box;
+  margin-top: 0;
+  margin-right: 0;
+  margin-bottom: 0;
+  margin-left: 0 !important;
+  line-height: 1.25;
+  white-space: nowrap;
+  vertical-align: middle;
+}
+
 @media (max-width: 760px) {
   .recovery-code-grid {
     grid-template-columns: repeat(2, minmax(0, 1fr));