diff --git a/website/src/repl/components/panel/SoundsTab.jsx b/website/src/repl/components/panel/SoundsTab.jsx
index d1845bfa8..92f30070e 100644
--- a/website/src/repl/components/panel/SoundsTab.jsx
+++ b/website/src/repl/components/panel/SoundsTab.jsx
@@ -79,23 +79,26 @@ export function SoundsTab() {
           }}
         ></ButtonGroup>
       </div>
-      {soundsFilter === soundFilterType.USER && soundEntries.length > 0 && (
-        <ActionButton
-          label="delete-all"
-          onClick={async () => {
-            try {
-              const confirmed = await confirmDialog('Delete all imported user samples?');
-              if (confirmed) {
-                clearIDB(userSamplesDBConfig.dbName);
-                soundMap.set({});
-                await prebake();
+      <div>
+        {soundsFilter === soundFilterType.USER && soundEntries.length > 0 && (
+          <ActionButton
+            className="pl-2"
+            label="delete-all"
+            onClick={async () => {
+              try {
+                const confirmed = await confirmDialog('Delete all imported user samples?');
+                if (confirmed) {
+                  clearIDB(userSamplesDBConfig.dbName);
+                  soundMap.set({});
+                  await prebake();
+                }
+              } catch (e) {
+                console.error(e);
               }
-            } catch (e) {
-              console.error(e);
-            }
-          }}
-        />
-      )}
+            }}
+          />
+        )}
+      </div>
 
       <div className="min-h-0 max-h-full grow overflow-auto  text-sm break-normal bg-background p-2 rounded-md">
         {soundEntries.map(([name, { data, onTrigger }]) => {