From dee929998ccf241868dbe2e65887a64033feace5 Mon Sep 17 00:00:00 2001
From: Victor Giers <mail@victorgiers.com>
Date: Sun, 1 Feb 2026 02:00:15 +0100
Subject: [PATCH] Wrap folder toggle and icon in a div

---
 src/App.tsx | 26 ++++++++++++++------------
 1 file changed, 14 insertions(+), 12 deletions(-)

diff --git a/src/App.tsx b/src/App.tsx
index 90f8f1a..f1e6308 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -1275,18 +1275,20 @@ export default function App() {
           }}
           onContextMenu={(event) => handleFolderContextMenu(event, folder)}
         >
-          <button
-            className="folder-item__toggle"
-            type="button"
-            aria-label={expanded ? "Collapse folder" : "Expand folder"}
-            onClick={(event) => {
-              event.stopPropagation();
-              toggleFolderExpanded(folder.id);
-            }}
-          >
-            {expanded ? "▾" : "▸"}
-          </button>
-          <img src={folderIconSrc} alt="" className="folder-item__icon" />
+          <div className="folder-item__lead">
+            <button
+              className="folder-item__toggle"
+              type="button"
+              aria-label={expanded ? "Collapse folder" : "Expand folder"}
+              onClick={(event) => {
+                event.stopPropagation();
+                toggleFolderExpanded(folder.id);
+              }}
+            >
+              {expanded ? "▾" : "▸"}
+            </button>
+            <img src={folderIconSrc} alt="" className="folder-item__icon" />
+          </div>
           {editingFolderId === folder.id ? (
             <input
               className="folder-item__input"