diff --git a/res/css/components/views/location/_ShareType.scss b/res/css/components/views/location/_ShareType.scss
index 6b39f1a80a..4dd49d4470 100644
--- a/res/css/components/views/location/_ShareType.scss
+++ b/res/css/components/views/location/_ShareType.scss
@@ -24,6 +24,35 @@ limitations under the License.
     padding: 60px $spacing-12 $spacing-32;
 
     color: $primary-content;
+
+    .mx_ShareType_wrapper_options {
+        display: flex;
+        flex-direction: column;
+        row-gap: $spacing-12;
+        width: 100%;
+        margin-top: $spacing-12;
+
+        .mx_ShareType_option {
+            display: flex;
+            align-items: center;
+            justify-content: flex-start;
+            padding: $spacing-8 $spacing-20;
+            background: none;
+
+            border: 1px solid $quinary-content;
+            border-radius: 8px;
+
+            font-size: $font-15px;
+            font-family: inherit;
+            line-height: inherit;
+            color: $primary-content;
+
+            &:hover,
+            &:focus {
+                border-color: $accent;
+            }
+        }
+    }
 }
 
 .mx_ShareType_badge {
@@ -43,28 +72,6 @@ limitations under the License.
     text-align: center;
 }
 
-.mx_ShareType_option {
-    @mixin ButtonResetDefault;
-
-    width: 100%;
-    display: flex;
-    flex-direction: row;
-    align-items: center;
-    justify-content: flex-start;
-    padding: $spacing-8 $spacing-20;
-    margin-top: $spacing-12;
-
-    color: $primary-content;
-    border: 1px solid $quinary-content;
-    border-radius: 8px;
-
-    font-size: $font-15px;
-
-    &:hover, &:focus {
-        border-color: $accent;
-    }
-}
-
 .mx_ShareType_option-icon {
     height: 40px;
     width: 40px;
diff --git a/src/components/views/location/ShareType.tsx b/src/components/views/location/ShareType.tsx
index 6f4ad2d264..61bf018ff2 100644
--- a/src/components/views/location/ShareType.tsx
+++ b/src/components/views/location/ShareType.tsx
@@ -79,15 +79,17 @@ const ShareType: React.FC<Props> = ({
     return <div className='mx_ShareType'>
         <LocationIcon className='mx_ShareType_badge' />
         <Heading className='mx_ShareType_heading' size='h3'>{ _t("What location type do you want to share?") }</Heading>
-        { enabledShareTypes.map((type) =>
-            <ShareTypeOption
-                key={type}
-                onClick={() => setShareType(type)}
-                label={labels[type]}
-                shareType={type}
-                data-test-id={`share-location-option-${type}`}
-            />,
-        ) }
+        <div className='mx_ShareType_wrapper_options'>
+            { enabledShareTypes.map((type) =>
+                <ShareTypeOption
+                    key={type}
+                    onClick={() => setShareType(type)}
+                    label={labels[type]}
+                    shareType={type}
+                    data-test-id={`share-location-option-${type}`}
+                />,
+            ) }
+        </div>
     </div>;
 };