Prevent select element in General settings overflowing in a room with very long room-id

res/css/views/elements/_Field.pcss

@@ -53,6 +53,7 @@ limitations under the License.
 .mx_Field select {
     -moz-appearance: none;
     -webkit-appearance: none;
+    text-overflow: ellipsis;
 }
 
 /* Can't add pseudo-elements to a select directly, so we use its parent. */

res/css/views/settings/tabs/_SettingsSection.pcss

@@ -28,7 +28,7 @@ limitations under the License.
 
 .mx_SettingsSection_subSections {
     display: grid;
-    grid-template-columns: 1fr;
+    grid-template-columns: minmax(0, 1fr);
     grid-gap: $spacing-32;
 
     padding: $spacing-16 0;