diff --git a/src/checkbox/index.ts b/src/checkbox/index.ts
index 4541c086..8b03f2ab 100644
--- a/src/checkbox/index.ts
+++ b/src/checkbox/index.ts
@@ -44,16 +44,19 @@ export const vsCodeCheckbox = Checkbox.compose<CheckboxOptions>({
 	template,
 	styles,
 	checkedIndicator: `
-		<svg
+		<svg 
 			part="checked-indicator"
 			class="checked-indicator"
-			viewBox="0 0 20 20"
-			xmlns="http://www.w3.org/2000/svg"
+			width="16" 
+			height="16" 
+			viewBox="0 0 16 16" 
+			xmlns="http://www.w3.org/2000/svg" 
+			fill="currentColor"
 		>
-			<path
-				fill-rule="evenodd"
-				clip-rule="evenodd"
-				d="M8.143 12.6697L15.235 4.5L16.8 5.90363L8.23812 15.7667L3.80005 11.2556L5.27591 9.7555L8.143 12.6697Z"
+			<path 
+				fill-rule="evenodd" 
+				clip-rule="evenodd" 
+				d="M14.431 3.323l-8.47 10-.79-.036-3.35-4.77.818-.574 2.978 4.24 8.051-9.506.764.646z"
 			/>
 		</svg>
 	`,
diff --git a/src/dropdown/index.ts b/src/dropdown/index.ts
index ca87e59c..33ff89ec 100644
--- a/src/dropdown/index.ts
+++ b/src/dropdown/index.ts
@@ -34,14 +34,19 @@ export const vsCodeDropdown = Dropdown.compose<DropdownOptions>({
 	template,
 	styles,
 	indicator: `
-		<svg
+		<svg 
 			class="select-indicator"
 			part="select-indicator"
-			viewBox="0 0 12 7"
-			xmlns="http://www.w3.org/2000/svg"
+			width="16" 
+			height="16" 
+			viewBox="0 0 16 16" 
+			xmlns="http://www.w3.org/2000/svg" 
+			fill="currentColor"
 		>
-			<path
-				d="M11.85.65c.2.2.2.5 0 .7L6.4 6.84a.55.55 0 01-.78 0L.14 1.35a.5.5 0 11.71-.7L6 5.8 11.15.65c.2-.2.5-.2.7 0z"
+			<path 
+				fill-rule="evenodd" 
+				clip-rule="evenodd" 
+				d="M7.976 10.072l4.357-4.357.62.618L8.284 11h-.618L3 6.333l.619-.618 4.357 4.357z"
 			/>
 		</svg>
 	`,