diff --git a/webapp/src/components/shareBoardComponent.scss b/webapp/src/components/shareBoardComponent.scss
index ce467d477..3995c49ac 100644
--- a/webapp/src/components/shareBoardComponent.scss
+++ b/webapp/src/components/shareBoardComponent.scss
@@ -3,13 +3,17 @@
     flex-direction: column;
     padding: 5px;
     color: rgb(var(--center-channel-color-rgb));
-    max-width: 400px;
+    max-width: 500px;
+
+    .Switch {
+        margin-left: 8px;
+    }
 
     > .row {
         display: flex;
         flex-direction: row;
         align-items: center;
-        margin-bottom: 10px;
+        margin: 0 0 10px;
     }
 
     > .row:last-child {
diff --git a/webapp/src/components/shareBoardComponent.tsx b/webapp/src/components/shareBoardComponent.tsx
index 911e071fc..d575cc442 100644
--- a/webapp/src/components/shareBoardComponent.tsx
+++ b/webapp/src/components/shareBoardComponent.tsx
@@ -109,7 +109,6 @@ const ShareBoardComponent = React.memo((props: Props): JSX.Element => {
                                 defaultMessage='Publish to web and share this board to anyone'
                             />}
                     </div>
-                    <div className='spacer'/>
                     <Switch
                         isOn={Boolean(isSharing)}
                         onChanged={onShareChanged}
diff --git a/webapp/src/components/sidebar/registrationLink.scss b/webapp/src/components/sidebar/registrationLink.scss
index aa0f96674..e4b8377f4 100644
--- a/webapp/src/components/sidebar/registrationLink.scss
+++ b/webapp/src/components/sidebar/registrationLink.scss
@@ -10,7 +10,7 @@
         display: flex;
         flex-direction: row;
         align-items: center;
-        margin-bottom: 10px;
+        margin: 0 0 10px;
     }
 
     > .row:last-child {