diff --git a/lib.js b/lib.js
index e1f4cf0..9e57206 100644
--- a/lib.js
+++ b/lib.js
@@ -24129,9 +24129,9 @@ function updateDirectorsAudio(dataN, UUID) {
 			if (data.trackLabel) {
 				var label = document.createElement("label");
 				label.innerText = data.trackLabel;
-				label.style.marginBottom = "10px";
 				label.style.display = "block";
 				label.id = "remoteAudioLabel_"+UUID;
+                label.classList.add("settingsLabel");
 				label.dataset.UUID = UUID;
 				audioEle.appendChild(label);
 			}
@@ -24177,7 +24177,7 @@ function updateDirectorsAudio(dataN, UUID) {
 			input.id = "constraints_" + i + "_"+UUID;
 			input.style = "display:block; width:100%;";
 			input.name = "constraints_" + i;
-			input.style.margin = "10px 0";
+			input.style.margin = "2px 0px 5px";
 			
 			manualInput.onchange = function(e) {
 				getById("constraints_" + e.target.dataset.keyname+"_"+e.target.dataset.UUID).value = parseFloat(e.target.value);
@@ -24238,7 +24238,7 @@ function updateDirectorsAudio(dataN, UUID) {
 			input.id = "constraints_" + i + "_"+UUID;
 			input.style = "display:block; width:100%;";
 			input.name = "constraints_" + i;
-			input.style.margin = "10px 0";
+			input.style.margin = "2px 0px 5px";
 			
 			manualInput.onchange = function(e) {
 				getById("constraints_" + e.target.dataset.keyname+"_"+e.target.dataset.UUID).value = parseFloat(e.target.value);
@@ -24296,7 +24296,7 @@ function updateDirectorsAudio(dataN, UUID) {
 			input.id = "constraints_" + i + "_"+UUID;
 			input.style = "display:block; width:100%;";
 			input.name = "constraints_" + i;
-			input.style.margin = "10px 0";
+			input.style.margin = "2px 0px 5px";
 			
 			manualInput.onchange = function(e) {
 				getById("constraints_" + e.target.dataset.keyname+"_"+e.target.dataset.UUID).value = parseFloat(e.target.value);
@@ -24352,7 +24352,7 @@ function updateDirectorsAudio(dataN, UUID) {
 			input.id = "constraints_" + i + "_"+UUID;
 			input.style = "display:block; width:100%;";
 			input.name = "constraints_" + i;
-			input.style.margin = "10px 0";
+			input.style.margin = "2px 0px 5px";
 
 			manualInput.onchange = function(e) {
 				getById("constraints_" + e.target.dataset.keyname+"_"+e.target.dataset.UUID).value = parseFloat(e.target.value);
@@ -24818,10 +24818,10 @@ function updateDirectorsVideo(data, UUID) {
 	if (data.trackLabel) { 
 		var label = document.createElement("label");
 		label.innerText = data.trackLabel;
-		label.style.marginBottom = "10px";
 		label.style.display = "block";
 		label.id = "remoteVideoLabel_"+UUID;
 		label.dataset.UUID = UUID;
+        label.classList.add("settingsLabel")
 		videoEle.appendChild(label);
 	}
 	
diff --git a/main.css b/main.css
index 947a847..d14b365 100644
--- a/main.css
+++ b/main.css
@@ -688,13 +688,13 @@ body.darktheme .credits>a:visited {
     padding: unset;
 }
 
-.darktheme .advancedAudioSettings .settingsLabel {
+.darktheme .advancedAudioSettings .settingsLabel, .darktheme .advancedVideoSettings .settingsLabel {
     background-color: var(--discord-grey-7);
     border: 1px solid var(--discord-grey-1);
     box-shadow: 1px 1px 3px var(--discord-grey-1);
 }
 
-.advancedAudioSettings .settingsLabel {
+.advancedAudioSettings .settingsLabel, .advancedVideoSettings .settingsLabel {
     background-color: #bbb;
     padding: 5px;
     border-radius: 4px;