diff --git a/frontend/src/ManageOrgUsers/ManageOrgUsers.jsx b/frontend/src/ManageOrgUsers/ManageOrgUsers.jsx
index d60417a77c..b78eb6dfb1 100644
--- a/frontend/src/ManageOrgUsers/ManageOrgUsers.jsx
+++ b/frontend/src/ManageOrgUsers/ManageOrgUsers.jsx
@@ -388,9 +388,9 @@ class ManageOrgUsers extends React.Component {
                                 <button
                                   type="button"
                                   style={{ minWidth: '100px' }}
-                                  className={`btn btn-sm btn-${user.status === 'archived' ? 'success' : 'danger'} ${
-                                    unarchivingUser === user.id || archivingUser === user.id ? 'btn-loading' : ''
-                                  }`}
+                                  className={`btn btn-sm btn-outline-${
+                                    user.status === 'archived' ? 'success' : 'danger'
+                                  } ${unarchivingUser === user.id || archivingUser === user.id ? 'btn-loading' : ''}`}
                                   disabled={unarchivingUser === user.id || archivingUser === user.id}
                                   onClick={() => {
                                     user.status === 'archived'