diff --git a/res/css/views/dialogs/_CreateSubspaceDialog.scss b/res/css/views/dialogs/_CreateSubspaceDialog.scss
index b898ba6d73..c780da4b9e 100644
--- a/res/css/views/dialogs/_CreateSubspaceDialog.scss
+++ b/res/css/views/dialogs/_CreateSubspaceDialog.scss
@@ -47,7 +47,7 @@ limitations under the License.
         display: flex;
         margin-top: 20px;
 
-        > span {
+        .mx_CreateSubspaceDialog_footer_prompt {
             flex-grow: 1;
             font-size: $font-12px;
             line-height: $font-15px;
diff --git a/src/components/views/dialogs/CreateSubspaceDialog.tsx b/src/components/views/dialogs/CreateSubspaceDialog.tsx
index 55fa0ee881..9f89490f5f 100644
--- a/src/components/views/dialogs/CreateSubspaceDialog.tsx
+++ b/src/components/views/dialogs/CreateSubspaceDialog.tsx
@@ -158,7 +158,7 @@ const CreateSubspaceDialog: React.FC<IProps> = ({ space, onAddExistingSpaceClick
             </div>
 
             <div className="mx_CreateSubspaceDialog_footer">
-                <span>
+                <div className="mx_CreateSubspaceDialog_footer_prompt">
                     <div>{ _t("Want to add an existing space instead?") }</div>
                     <AccessibleButton kind="link" onClick={() => {
                         onAddExistingSpaceClick();
@@ -166,7 +166,7 @@ const CreateSubspaceDialog: React.FC<IProps> = ({ space, onAddExistingSpaceClick
                     }}>
                         { _t("Add existing space") }
                     </AccessibleButton>
-                </span>
+                </div>
 
                 <AccessibleButton kind="primary_outline" disabled={busy} onClick={() => onFinished(false)}>
                     { _t("Cancel") }