diff --git a/extensions/void/src/sidebar/SidebarSettings.tsx b/extensions/void/src/sidebar/SidebarSettings.tsx
index 700ed1da..a8dc040d 100644
--- a/extensions/void/src/sidebar/SidebarSettings.tsx
+++ b/extensions/void/src/sidebar/SidebarSettings.tsx
@@ -19,6 +19,7 @@ const SettingOfFieldAndParam = ({ field, param }: { field: VoidConfigField, para
 			<div>
 				<label>{param}</label>
 				<input
+					className='input'
 					type="text"
 					value={val}
 					onChange={updateState}
@@ -33,6 +34,7 @@ const SettingOfFieldAndParam = ({ field, param }: { field: VoidConfigField, para
 			<div>
 				<label>{param}</label>
 				<select
+				className='dropdown'
 					value={val}
 					onChange={updateState}
 					onBlur={commitConfigParam}
diff --git a/extensions/void/src/sidebar/styles.css b/extensions/void/src/sidebar/styles.css
index 6a1d2159..0b475566 100644
--- a/extensions/void/src/sidebar/styles.css
+++ b/extensions/void/src/sidebar/styles.css
@@ -37,3 +37,7 @@ html {
 .input {
 	@apply bg-vscode-input-bg text-vscode-input-fg border-vscode-input-border;
 }
+
+.dropdown {
+	@apply bg-vscode-dropdown-bg text-vscode-dropdown-foreground border-vscode-dropdown-border;
+}
diff --git a/extensions/void/tailwind.config.js b/extensions/void/tailwind.config.js
index 8d7d825e..e694ad28 100644
--- a/extensions/void/tailwind.config.js
+++ b/extensions/void/tailwind.config.js
@@ -18,8 +18,10 @@ module.exports = {
 					"button-hoverBg": "var(--vscode-button-hoverBackground)",
 					"button-secondary-fg": "var(--vscode-button-secondaryForeground)",
 					"button-secondary-bg": "var(--vscode-button-secondaryBackground)",
-					"button-secondary-hoverBg":
-						"var(--vscode-button-secondaryHoverBackground)",
+					"button-secondary-hoverBg": "var(--vscode-button-secondaryHoverBackground)",
+					"dropdown-bg": "var(--vscode-settings-dropdownBackground)",
+					"dropdown-foreground": "var(--vscode-settings-dropdownForeground)",
+					"dropdown-border": "var(--vscode-settings-dropdownBorder)",
 				},
 			},
 		},