diff --git a/packages/block-editor/src/components/global-styles/color-panel.js b/packages/block-editor/src/components/global-styles/color-panel.js
index 99a5519e9dd008..469a4080f1e600 100644
--- a/packages/block-editor/src/components/global-styles/color-panel.js
+++ b/packages/block-editor/src/components/global-styles/color-panel.js
@@ -263,7 +263,7 @@ function ColorPanelDropdown( {
 										{ tabs.map( ( tab ) => (
 											<Tabs.Tab
 												key={ tab.key }
-												id={ tab.key }
+												tabId={ tab.key }
 											>
 												{ tab.label }
 											</Tabs.Tab>
@@ -274,7 +274,7 @@ function ColorPanelDropdown( {
 										return (
 											<Tabs.TabPanel
 												key={ tab.key }
-												id={ tab.key }
+												tabId={ tab.key }
 												focusable={ false }
 											>
 												<ColorPanelTab