diff --git a/res/css/views/dialogs/_ShareDialog.scss b/res/css/views/dialogs/_ShareDialog.scss
index ab340ad758..116bef8dfd 100644
--- a/res/css/views/dialogs/_ShareDialog.scss
+++ b/res/css/views/dialogs/_ShareDialog.scss
@@ -21,7 +21,7 @@ limitations under the License.
 
 .mx_ShareDialog hr {
     margin-top: 25px;
-    margin-bottom: 10px;
+    margin-bottom: 25px;
     border-color: $light-fg-color;
 }
 
@@ -78,12 +78,12 @@ limitations under the License.
 }
 
 .mx_ShareDialog_social_container {
-    display: flex;
-    flex-wrap: wrap;
+    display: inline-block;
     width: 299px;
 }
 
 .mx_ShareDialog_social_icon {
+    display: inline-grid;
     margin-right: 10px;
     margin-bottom: 10px;
 }
diff --git a/src/components/views/dialogs/ShareDialog.js b/src/components/views/dialogs/ShareDialog.js
index a1a8598fdb..f074d9b1fa 100644
--- a/src/components/views/dialogs/ShareDialog.js
+++ b/src/components/views/dialogs/ShareDialog.js
@@ -201,27 +201,21 @@ export default class ShareDialog extends React.Component {
                 <hr />
 
                 <div className="mx_ShareDialog_split">
-                    <div className="mx_ShareDialog_left">
-                        <h3>QR Code</h3>
-                        <div className="mx_ShareDialog_qrcode_container">
-                            <QRCode value={matrixToUrl} size={256} logoWidth={48} logo="img/matrix-m.svg" />
-                        </div>
+                    <div className="mx_ShareDialog_qrcode_container">
+                        <QRCode value={matrixToUrl} size={256} logoWidth={48} logo="img/matrix-m.svg" />
                     </div>
-                    <div className="mx_ShareDialog_right">
-                        <h3>Social</h3>
-                        <div className="mx_ShareDialog_social_container">
-                            {
-                                socials.map((social) => <a rel="noopener"
-                                                           target="_blank"
-                                                           key={social.name}
-                                                           name={social.name}
-                                                           href={social.url(encodedUrl)}
-                                                           className="mx_ShareDialog_social_icon"
-                                >
-                                    <img src={social.img} alt={social.name} height={64} width={64} />
-                                </a>)
-                            }
-                        </div>
+                    <div className="mx_ShareDialog_social_container">
+                        {
+                            socials.map((social) => <a rel="noopener"
+                                                       target="_blank"
+                                                       key={social.name}
+                                                       name={social.name}
+                                                       href={social.url(encodedUrl)}
+                                                       className="mx_ShareDialog_social_icon"
+                            >
+                                <img src={social.img} alt={social.name} height={64} width={64} />
+                            </a>)
+                        }
                     </div>
                 </div>
             </div>