diff --git a/index.html b/index.html
index 66e7068..ef8f5c1 100644
--- a/index.html
+++ b/index.html
@@ -423,8 +423,8 @@
 						<span><i class="las la-headphones"></i><span data-translate="you-are-using-headphones-earphones">You are using headphones / earphones</span></span>
 					</div>
 					<div id="videoMenu" class="videoMenu">
-						<span style="padding-right:2px;display:inline-block;position:relative;top:1px;"><i class="las la-video"></i><span data-translate="video-source"> Video Source </span></span>
-						<span style="display:inline-block;padding-top: 5px;">
+						<span style="display:inline-block;position:relative;padding: 7px 0px;"><i class="las la-video"></i><span data-translate="video-source"> Video Source </span></span>
+						<span style="display:flex;align-items: center;">
 							<select id="videoSourceSelect" alt="Video source list"></select>
 							<span id="gear_webcam" onclick="toggle(document.getElementById('videoSettings'));">
 								<i class="las la-cog" style="font-size: 140%; vertical-align: middle;" aria-hidden="true"></i>
diff --git a/main.css b/main.css
index c93248e..db6d45e 100644
--- a/main.css
+++ b/main.css
@@ -3002,10 +3002,9 @@ button.toggleSettings{
 }
 
 #videoSourceSelect {
-	display: inline-block;
+    flex: 1;
 	vertical-align: middle;
 	font-size: 100%;
-	max-width: 260px;
     border: solid 1px #AAA;
     border-radius: 4px;
 }
@@ -3150,6 +3149,7 @@ button.toggleSettings{
 	vertical-align: middle;
 	text-align: left;
 }
+
 #videoMenu3{
 	background-color: #f3f3f3;
 	width: 450px;
@@ -4989,9 +4989,9 @@ body.darktheme select{
     background-color: var(--discord-grey-7);
     color: var(--discord-text);
 }
-body.darktheme .white {
+/* body.darktheme .white {
 	color: var(--discord-text);
-}
+} */
 body.darktheme .directorsgrid .vidcon {
     background-color: var(--discord-grey-3);
 	color: var(--discord-text);