diff --git a/src/app/services/fs.ts b/src/app/services/fs.ts
index 3252b21..6d2436e 100644
--- a/src/app/services/fs.ts
+++ b/src/app/services/fs.ts
@@ -11,7 +11,7 @@ export function pickSong() {
   });
 }
 
-export function addFolder() {
+export function pickFolder() {
     return open({
         title: "Add folder",
         directory: true,
diff --git a/src/app/views/settings/settings.ts b/src/app/views/settings/settings.ts
index 7eded8d..8ed09b6 100644
--- a/src/app/views/settings/settings.ts
+++ b/src/app/views/settings/settings.ts
@@ -2,7 +2,8 @@ import { Component, effect } from "@angular/core";
 import { LightGlassOutlined } from "../../components/light-glass-outlined/light-glass-outlined";
 import { setBodyBg } from "../../utils/styling";
 import {injectMutation} from "@tanstack/angular-query-experimental";
-import { addFolder } from "../../services/fs";
+import { pickFolder } from "../../services/fs";
+import { addFolder } from "../../services/music";
 
 @Component({
   selector: "settings-view",
@@ -17,10 +18,11 @@ export class Settings {
   addFolderMutation = injectMutation(() => ({
     mutationKey: ["openFile"],
     mutationFn: async () => {
-      const path = await addFolder();
+      const path = await pickFolder();
       if (!path) {
         return;
       }
+      await addFolder(path);
       return true;
     },
   }));