diff --git a/assets/less/app.less b/assets/less/app.less
index 3a57a4f..681d1da 100644
--- a/assets/less/app.less
+++ b/assets/less/app.less
@@ -41,3 +41,8 @@ div#status {
   display: flex;
   justify-content: space-between;
 }
+
+.align-items-center {
+  display: flex;
+  align-items: center;
+}
diff --git a/src/components/Options.tsx b/src/components/Options.tsx
index 6517f3b..8045dbe 100644
--- a/src/components/Options.tsx
+++ b/src/components/Options.tsx
@@ -249,7 +249,7 @@ export default function Options(): JSX.Element {
             </div>
 
             <div className="form-group row">
-              <div className="col-lg-10 col-lg-offset-2 space-between">
+              <div className="col-lg-10 col-lg-offset-2 space-between align-items-center">
                 <div
                   onClick={() => setState({ ...state, trackSocialMedia: !state.trackSocialMedia })}
                 >
@@ -258,7 +258,7 @@ export default function Options(): JSX.Element {
                 </div>
                 <button
                   type="button"
-                  className="btn btn-primary"
+                  className="btn btn-primary btn-sm"
                   data-toggle="modal"
                   data-target="#socialSitesModal"
                 >