diff --git a/.changeset/modern-impalas-add.md b/.changeset/modern-impalas-add.md
new file mode 100644
index 0000000000..8964e07fea
--- /dev/null
+++ b/.changeset/modern-impalas-add.md
@@ -0,0 +1,5 @@
+---
+'@backstage/core-components': patch
+---
+
+Removed the inline color from select icon to allow it to be colored via a theme
diff --git a/packages/core-components/src/components/Select/static/ClosedDropdown.tsx b/packages/core-components/src/components/Select/static/ClosedDropdown.tsx
index 812afe34eb..00c748ce29 100644
--- a/packages/core-components/src/components/Select/static/ClosedDropdown.tsx
+++ b/packages/core-components/src/components/Select/static/ClosedDropdown.tsx
@@ -27,6 +27,7 @@ const useStyles = makeStyles(
position: 'absolute',
right: theme.spacing(0.5),
pointerEvents: 'none',
+ color: '#616161',
},
}),
{ name: 'BackstageClosedDropdown' },
@@ -42,7 +43,7 @@ const ClosedDropdown = () => {
>
);
diff --git a/packages/core-components/src/components/Select/static/OpenedDropdown.tsx b/packages/core-components/src/components/Select/static/OpenedDropdown.tsx
index b87a00c26a..4ca2a5a065 100644
--- a/packages/core-components/src/components/Select/static/OpenedDropdown.tsx
+++ b/packages/core-components/src/components/Select/static/OpenedDropdown.tsx
@@ -26,6 +26,7 @@ const useStyles = makeStyles(
position: 'absolute',
right: theme.spacing(0.5),
pointerEvents: 'none',
+ color: '#616161',
},
}),
{ name: 'BackstageOpenedDropdown' },
@@ -41,7 +42,7 @@ const OpenedDropdown = () => {
>
);