diff --git a/src/skins/vector/css/matrix-react-sdk/structures/UserSettings.css b/src/skins/vector/css/matrix-react-sdk/structures/UserSettings.css
index 114d2bb2ae..b16389ee43 100644
--- a/src/skins/vector/css/matrix-react-sdk/structures/UserSettings.css
+++ b/src/skins/vector/css/matrix-react-sdk/structures/UserSettings.css
@@ -15,7 +15,8 @@ limitations under the License.
 */
 
 .mx_UserSettings {
-    width: 960px;
+    max-width: 960px;
+    width: 100%;
     margin-left: auto;
     margin-right: auto;
 
@@ -143,6 +144,13 @@ limitations under the License.
     font-size: 16px;
 }
 
+.mx_UserSettings_addThreepid {
+    display: table-cell;
+    padding-left: 0.5em;
+    position: relative;
+    cursor: pointer;
+}
+
 .mx_UserSettings_changePasswordButton {
     float: right;
     margin-right: 32px;
diff --git a/src/skins/vector/css/vector-web/structures/RoomDirectory.css b/src/skins/vector/css/vector-web/structures/RoomDirectory.css
index 0be475480a..ca5a35018b 100644
--- a/src/skins/vector/css/vector-web/structures/RoomDirectory.css
+++ b/src/skins/vector/css/vector-web/structures/RoomDirectory.css
@@ -15,7 +15,8 @@ limitations under the License.
 */
 
 .mx_RoomDirectory {
-    width: 960px;
+    max-width: 960px;
+    width: 100%;
     margin-left: auto;
     margin-right: auto;
     margin-bottom: 12px;