diff --git a/src/__tests__/__snapshots__/App.electron.js.snap b/src/__tests__/__snapshots__/App.electron.js.snap
index 825e71ad4..3eb77b1a2 100644
--- a/src/__tests__/__snapshots__/App.electron.js.snap
+++ b/src/__tests__/__snapshots__/App.electron.js.snap
@@ -88,9 +88,9 @@ exports[`Empty app state matches snapshot 1`] = `
         title="Toggle Plugins"
       >
         <div
-          className="css-1221zh3"
+          className="css-1pfn0zl"
           color="#80a6f5"
-          size={12}
+          size={20}
           src="icons/sidebar_left.svg"
         />
       </div>
@@ -103,9 +103,9 @@ exports[`Empty app state matches snapshot 1`] = `
         title="Toggle Details"
       >
         <div
-          className="css-1fkfe9s"
+          className="css-13cmaba"
           color="#acacac"
-          size={12}
+          size={20}
           src="icons/sidebar_right.svg"
         />
       </div>
diff --git a/src/ui/components/Button.js b/src/ui/components/Button.js
index 8e55bd921..3eafc752b 100644
--- a/src/ui/components/Button.js
+++ b/src/ui/components/Button.js
@@ -326,7 +326,7 @@ class Button extends React.Component<
       iconComponent = (
         <Icon
           name={icon}
-          size={iconSize || this.props.compact === true ? 12 : 16}
+          size={iconSize || (this.props.compact === true ? 12 : 16)}
           color={color}
           variant={iconVariant || 'filled'}
           hasText={Boolean(children)}