diff --git a/src/skins/vector/css/matrix-react-sdk/views/dialogs/ChatInviteDialog.css b/src/skins/vector/css/matrix-react-sdk/views/dialogs/ChatInviteDialog.css
index d33fac788c..60e7fa46de 100644
--- a/src/skins/vector/css/matrix-react-sdk/views/dialogs/ChatInviteDialog.css
+++ b/src/skins/vector/css/matrix-react-sdk/views/dialogs/ChatInviteDialog.css
@@ -60,12 +60,12 @@ limitations under the License.
 }
 
 .mx_ChatInviteDialog_queryListElement.mx_ChatInviteDialog_selected {
-     background-color: #ddd; /* selected colour */
+     background-color: #eaf5f0; /* selected colour */
 }
 
 .mx_ChatInviteDialog_queryListElement.mx_ChatInviteDialog_selected .mx_AddressTile {
-    background-color: #ddd; /* selected colour */
-    border: solid 1px #ddd; /* selected colour */
+    background-color: #eaf5f0; /* selected colour */
+    border: solid 1px #eaf5f0; /* selected colour */
 }
 
 .mx_ChatInviteDialog_cancel {
diff --git a/src/skins/vector/css/matrix-react-sdk/views/elements/AddressTile.css b/src/skins/vector/css/matrix-react-sdk/views/elements/AddressTile.css
index 58f57c8dce..2638375157 100644
--- a/src/skins/vector/css/matrix-react-sdk/views/elements/AddressTile.css
+++ b/src/skins/vector/css/matrix-react-sdk/views/elements/AddressTile.css
@@ -39,11 +39,25 @@ limitations under the License.
     font-weight: 600;
 }
 
+.mx_AddressTile_name.mx_AddressTile_justified {
+    width: 120px;
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+}
+
 .mx_AddressTile_id {
     display: inline-block;
     padding-right: 11px;
 }
 
+.mx_AddressTile_id.mx_AddressTile_justified {
+    width: 200px;
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+}
+
 .mx_AddressTile_dismiss {
     display: inline-block;
     padding-right: 11px;