--- a/devtools/client/netmonitor/src/assets/styles/NetworkDetailsPanel.css
+++ b/devtools/client/netmonitor/src/assets/styles/NetworkDetailsPanel.css
@@ -137,17 +137,17 @@
   padding-inline-end: 5px;
 }
 
 .network-monitor .tree-container .treeTable .treeValueCell input{
   color: var(--string-color);
 }
 
 .treeValueCell input:focus {
-  color: white !important;
+  color: var(--theme-selection-color) !important;
 }
 
 /* Source editor in tab panels */
 
 /* If there is a source editor shows up in the last row of TreeView,
  * it should occupy the available vertical space.
  */
 .network-monitor .tree-container .treeTable .editor-row-container,