diff --git a/rdmo/projects/assets/js/components/helper/PendingInvitations.js b/rdmo/projects/assets/js/components/helper/PendingInvitations.js
index 91b228d696..7487e22358 100644
--- a/rdmo/projects/assets/js/components/helper/PendingInvitations.js
+++ b/rdmo/projects/assets/js/components/helper/PendingInvitations.js
@@ -13,7 +13,7 @@ const PendingInvitations = ({ invitations }) => {
           <div className="w-50">
             {gettext(item.role).charAt(0).toUpperCase() + gettext(item.role).slice(1)}
           </div>
-          <div className="w-25">
+          <div className="w-25 align-right">
             <button className="btn btn-xs btn-success ml-10" onClick={() => { window.location.href = `${baseUrl}/projects/join/${item.project}` }}>{gettext('Accept')}</button>
             <button className="btn btn-xs btn-danger ml-10" onClick={() => { window.location.href = `${baseUrl}/projects/cancel/${item.project}` }}>{gettext('Decline')}</button>
           </div>
diff --git a/rdmo/projects/assets/scss/projects.scss b/rdmo/projects/assets/scss/projects.scss
index 682ba8e63c..add02d2bd6 100644
--- a/rdmo/projects/assets/scss/projects.scss
+++ b/rdmo/projects/assets/scss/projects.scss
@@ -102,6 +102,9 @@ a.disabled {
 .pl-20 {
     padding-left: 20px;
 }
+.align-right {
+  text-align: right;
+}
 
 .form-group {
     .react-select__control {