diff --git a/frontend/libs/components/settings-modal/src/lib/MiscSettingsPane.tsx b/frontend/libs/components/settings-modal/src/lib/MiscSettingsPane.tsx
index 95b4477c69..f335daf65d 100644
--- a/frontend/libs/components/settings-modal/src/lib/MiscSettingsPane.tsx
+++ b/frontend/libs/components/settings-modal/src/lib/MiscSettingsPane.tsx
@@ -1,4 +1,5 @@
 import { useEffect, useState } from "react";
+import { SoundRegistry, SoundEffect } from "@storyteller/soundboard";
 import { Button } from "@storyteller/ui-button";
 import { Input } from "@storyteller/ui-input";
 import { AppPreferencesPayload, CustomDirectory, GetAppPreferences, SystemDirectory } from "@storyteller/tauri-api";
@@ -42,8 +43,6 @@ export const MiscSettingsPane = (args: MiscSettingsPaneProps) => {
   const failureSound = preferences?.generation_failure_sound;
   const enqueueSound = preferences?.generation_enqueue_sound;
 
-  console.log("VALUES", successSound, failureSound, enqueueSound);
-
   const reloadPreferences = async () => {
     const prefs = await GetAppPreferences();
     console.log("prefs", prefs)
@@ -88,11 +87,11 @@ export const MiscSettingsPane = (args: MiscSettingsPaneProps) => {
   }
 
   const setSuccessSound = async (val: string) => {
-    console.log("setting success", val)
     await UpdateAppPreferences({
       preference: PreferenceName.GenerationSuccessSound, 
       value: val,
     });
+    SoundRegistry.getInstance().playSound(val);
     await reloadPreferences();
   }
 
@@ -101,6 +100,7 @@ export const MiscSettingsPane = (args: MiscSettingsPaneProps) => {
       preference: PreferenceName.GenerationFailureSound, 
       value: val,
     });
+    SoundRegistry.getInstance().playSound(val);
     await reloadPreferences();
   }
 
@@ -109,6 +109,7 @@ export const MiscSettingsPane = (args: MiscSettingsPaneProps) => {
       preference: PreferenceName.GenerationEnqueueSound, 
       value: val,
     });
+    SoundRegistry.getInstance().playSound(val);
     await reloadPreferences();
   }
 
diff --git a/frontend/libs/components/settings-modal/tsconfig.json b/frontend/libs/components/settings-modal/tsconfig.json
index b7933bd13f..e1701e5e10 100644
--- a/frontend/libs/components/settings-modal/tsconfig.json
+++ b/frontend/libs/components/settings-modal/tsconfig.json
@@ -23,6 +23,9 @@
     {
       "path": "../../tauri-utils"
     },
+    {
+      "path": "../../soundboard"
+    },
     {
       "path": "./tsconfig.lib.json"
     },
diff --git a/frontend/libs/components/settings-modal/tsconfig.lib.json b/frontend/libs/components/settings-modal/tsconfig.lib.json
index d74f4afabc..881edc22fd 100644
--- a/frontend/libs/components/settings-modal/tsconfig.lib.json
+++ b/frontend/libs/components/settings-modal/tsconfig.lib.json
@@ -64,5 +64,8 @@
     {
       "path": "../../tauri-utils/tsconfig.lib.json"
     },
+    {
+      "path": "../../soundboard/tsconfig.lib.json"
+    },
   ]
 }