diff --git a/src/public/app/widgets/touch_bar.ts b/src/public/app/widgets/touch_bar.ts
index 272f0cb1c..076a52fdd 100644
--- a/src/public/app/widgets/touch_bar.ts
+++ b/src/public/app/widgets/touch_bar.ts
@@ -18,14 +18,19 @@ export default class TouchBarWidget extends Component {
         this.remote.getCurrentWindow().setTouchBar(touchBarData);
     }
 
+    #buildIcon(name: string) {
+        return this.nativeImage
+            .createFromNamedImage(name, [-1, 0, 1])
+            .resize({ height: 20 });
+    }
+
     #buildTouchBar() {
-        const { nativeImage } = this;
         const { TouchBar } = this.remote;
         const { TouchBarButton } = this.remote.TouchBar;
 
         const items = [
             new TouchBarButton({
-                icon: nativeImage.createFromNamedImage("NSTouchBarAddDetailTemplate", [-1, 0, 1]),
+                icon: this.#buildIcon("NSTouchBarAddDetailTemplate"),
                 click: () => {
                     console.log("New note pressed.");
                 }