diff --git a/src/BookReader/Toolbar/Toolbar.js b/src/BookReader/Toolbar/Toolbar.js
index 20e16ae7d..ec005687e 100644
--- a/src/BookReader/Toolbar/Toolbar.js
+++ b/src/BookReader/Toolbar/Toolbar.js
@@ -173,9 +173,9 @@ export class Toolbar {
           <input class="thispage-social" type="checkbox" />
           Open to this page?
         </label>
-        <div><button class="BRaction share facebook-share-button"><i class="BRicon fb" /> Facebook</button></div>
-        <div><button class="BRaction share twitter-share-button"><i class="BRicon twitter" /> Twitter</button></div>
-        <div><button class="BRaction share email-share-button"><i class="BRicon email" /> Email</button></div>
+        <div><button class="BRaction share facebook-share-button"><i class="BRicon fb"></i>Facebook</button></div>
+        <div><button class="BRaction share twitter-share-button"><i class="BRicon twitter"></i>Twitter</button></div>
+        <div><button class="BRaction share email-share-button"><i class="BRicon email"></i>Email</button></div>
       </div>
       ${embedHtml}
       <div class="BRfloatFoot">
diff --git a/src/css/_BRmain.scss b/src/css/_BRmain.scss
index 4c9afd4bb..0ad1e024d 100644
--- a/src/css/_BRmain.scss
+++ b/src/css/_BRmain.scss
@@ -95,15 +95,19 @@
   &.BRfloat { width: 600px; }
 
   .share-title { margin: 15px 15px 0; font-weight: bold; font-size: 18px; line-height: 22px; }
-  .share-social { margin: 15px 15px 0;}
+  .share-social { display: flex; flex-direction: column; gap: 10px; margin: 15px;}
   .share-social button {
-    padding: 0 5px;
+    width: 25%;
+    padding: 10px 15px;
     height: 40px;
     text-align: left;
     color: white;
+    display: flex;
+    align-items: center;
+    gap: 1%;
   }
   .share-social button > i { margin-right: 5px; }
-  .share-social > div { display: inline; }
+  .share-social > div { display: block; width: 100%;}
   .share-embed { margin-top: 20px; }
 
   label.sub.open-to-this-page {
@@ -117,6 +121,8 @@
     border-radius: 3px;
     padding: 10px 25px;
     font-size: 15px;
+    margin-top: 15px;
+    width: auto;
   }
 }