diff --git a/packages/react-devtools-shared/src/devtools/views/Components/EditableName.css b/packages/react-devtools-shared/src/devtools/views/Components/EditableName.css
index 38b1f1d92b4f8..285f858a8a772 100644
--- a/packages/react-devtools-shared/src/devtools/views/Components/EditableName.css
+++ b/packages/react-devtools-shared/src/devtools/views/Components/EditableName.css
@@ -2,6 +2,7 @@
   flex: 0 1 auto;
   padding: 1px;
   box-shadow: 0px 1px 3px transparent;
+  color: var(--color-text);
 }
 .Input:focus {
   color: var(--color-text);