diff --git a/src/tabs.js b/src/tabs.js
index a1c4563c..d2f1165c 100644
--- a/src/tabs.js
+++ b/src/tabs.js
@@ -17,6 +17,7 @@ async function createTab(url) {
     ).agent;
     let tab = document.createElement('div');
     let span = document.createElement('span');
+    let mute = document.createElement('span')
     // Some parts taken from MystPi/Ninetails on Github. Thank you so much!!!
     let randomHash = generateHashkey();
     tab.classList.add('tab');
@@ -25,7 +26,15 @@ async function createTab(url) {
         switchTabs(randomHash);
     };
     span.innerText = 'New Tab';
+    mute.classList.add("material-symbols-rounded")
+    mute.innerText = 'volume_off'
+    mute.classList.add('hidden')
+    mute.classList.add('indicator')
     let view = document.createElement('webview');
+    tab.onauxclick = () => {
+        view.setAudioMuted(!view.audioMuted)
+        tab.children[2].classList.toggle("hidden")
+    }
     view.id = 'view-' + randomHash;
     view.classList.add('view');
     view.allowpopups = 'allowpopups';
@@ -41,6 +50,7 @@ async function createTab(url) {
     document.getElementById('tabs-bar').appendChild(tab);
     tab.appendChild(image);
     tab.appendChild(span);
+    tab.appendChild(mute)
     addListeners(view, randomHash);
     document.getElementById('webviews').appendChild(view);
     switchTabs(randomHash);
diff --git a/styles.css b/styles.css
index d6938ce4..cd0d47d6 100644
--- a/styles.css
+++ b/styles.css
@@ -27,9 +27,6 @@ body {
 
 .tab {
     transition: all;
-    display: flex;
-    justify-content: center;
-    align-items: center;
     flex-grow: 1;
     max-width: 32rem;
     padding: 0.25rem 0.5rem;
@@ -40,6 +37,18 @@ body {
     border-radius: 0.5rem;
     cursor: pointer;
     white-space: nowrap;
+    padding: 4pt;
+}
+
+.tab span {
+    font-size: 12pt;
+}
+
+.tab .indicator {
+    position: relative;
+    float: right;
+    font-weight: bold;
+    font-size: 1.3em;
 }
 
 .active-tab {