diff --git a/src/renderer/index.js b/src/renderer/index.js
index 2979fd4c..9e518400 100644
--- a/src/renderer/index.js
+++ b/src/renderer/index.js
@@ -300,6 +300,7 @@ const app = new Vue({
             spatialProperties: false,
             qrcode: false,
             equalizer: false,
+            audioSettings: false,
         },
         socialBadges: {
             badgeMap: {},
diff --git a/src/renderer/views/main.ejs b/src/renderer/views/main.ejs
index 57aadf66..7c43e8dd 100644
--- a/src/renderer/views/main.ejs
+++ b/src/renderer/views/main.ejs
@@ -246,6 +246,10 @@
                                         </div>
                                     </div>
                                 </button>
+                                <button class="usermenu-item" v-if="cfg.advanced.AudioContext"
+                                        @click="modals.audioSettings = true">
+                                    {{$root.getLz('term.audioSettings')}}
+                                </button>
                                 <button class="usermenu-item" v-if="cfg.advanced.AudioContext"
                                 @click="modals.equalizer = true">
                                     {{$root.getLz('term.equalizer')}}
@@ -605,6 +609,9 @@
     <transition name="modal">
         <spatial-properties v-if="modals.spatialProperties"></spatial-properties>
     </transition>
+    <transition name="modal">
+        <audio-settings v-if="modals.audioSettings"></audio-settings>
+    </transition>
     <transition name="modal">
         <eq-view v-if="modals.equalizer"></eq-view>
     </transition>
@@ -719,6 +726,9 @@
 <!-- Spatial Properties -->
 <%- include('components/spatial-properties') 
 %>
+<!-- Audio Settings -->
+<%- include('components/audio-settings')
+%>
 <!-- QRCode Modal -->
 <%- include('components/qrcode-modal') 
 %>