UI section title fix

ElementX/Sources/Screens/CreateRoom/View/CreateRoomScreen.swift

@@ -56,7 +56,7 @@ struct CreateRoomScreen: View {
                     .clipShape(Circle())
                 VStack(alignment: .leading, spacing: 8) {
                     Text(L10n.screenCreateRoomRoomNameLabel.uppercased())
-                        .font(.compound.bodySM)
+                        .font(.compound.bodyXS)
                         .padding(.leading, 16)
                         .formSectionHeader()
                     TextField(L10n.screenCreateRoomRoomNameLabel,
@@ -85,6 +85,7 @@ struct CreateRoomScreen: View {
                 .lineLimit(3, reservesSpace: false)
         } header: {
             Text(L10n.screenCreateRoomTopicLabel)
+                .formSectionHeader()
         } footer: {
             if !context.viewState.selectedUsers.isEmpty {
                 selectedUsersSection
@@ -143,6 +144,7 @@ struct CreateRoomScreen: View {
             .pickerStyle(.inline)
         } header: {
             Text(L10n.commonSecurity.uppercased())
+                .formSectionHeader()
         }
         .formSectionStyle()
     }

UITests/Sources/CreateRoomScreenUITests.swift

@@ -38,7 +38,8 @@ class CreateRoomScreenUITests: XCTestCase {
     func testLongInputTopicText() {
         let app = Application.launch(.createRoom)
         let roomTopic = "Room topic\nvery\nvery\nvery long"
-        app.textViews[A11yIdentifiers.createRoomScreen.roomTopic].clearAndTypeText(roomTopic)
+        app.textViews[A11yIdentifiers.createRoomScreen.roomTopic].tap()
+        app.textViews[A11yIdentifiers.createRoomScreen.roomTopic].typeText(roomTopic)
         app.assertScreenshot(.createRoom, step: 3)
     }
 }