diff --git a/projects/react/src/selection-panels/radio/__snapshots__/index.test.tsx.snap b/projects/react/src/selection-panels/radio/__snapshots__/index.test.tsx.snap
index 68f85713a..9e7d889cb 100644
--- a/projects/react/src/selection-panels/radio/__snapshots__/index.test.tsx.snap
+++ b/projects/react/src/selection-panels/radio/__snapshots__/index.test.tsx.snap
@@ -2,13 +2,15 @@
 
 exports[`CdsRadioPanel snapshot 1`] = `
 <div>
-  <cds-radio>
+  <cds-radio-panel
+    cds-control=""
+  >
     <label>
       Hello
     </label>
     <input
       type="checkbox"
     />
-  </cds-radio>
+  </cds-radio-panel>
 </div>
 `;
diff --git a/projects/react/src/selection-panels/radio/index.test.tsx b/projects/react/src/selection-panels/radio/index.test.tsx
index 11649c877..210b8aa4c 100644
--- a/projects/react/src/selection-panels/radio/index.test.tsx
+++ b/projects/react/src/selection-panels/radio/index.test.tsx
@@ -10,7 +10,7 @@ describe('CdsRadioPanel', () => {
         <input type="checkbox" />
       </CdsRadioPanel>
     );
-    expect(document.querySelector('cds-radio')).toHaveTextContent(/Hello/i);
+    expect(document.querySelector('cds-radio-panel')).toHaveTextContent(/Hello/i);
   });
 
   it('snapshot', () => {
diff --git a/projects/react/src/selection-panels/radio/index.tsx b/projects/react/src/selection-panels/radio/index.tsx
index 0a6c1cc3f..d70d943ae 100644
--- a/projects/react/src/selection-panels/radio/index.tsx
+++ b/projects/react/src/selection-panels/radio/index.tsx
@@ -4,6 +4,6 @@ import { createComponent } from '@lit-labs/react';
 import * as React from 'react';
 import { logReactVersion } from '../../utils/index.js';
 
-export const CdsRadioPanel = createComponent(React, 'cds-radio', RadioPanel, {}, 'CdsRadioPanel');
+export const CdsRadioPanel = createComponent(React, 'cds-radio-panel', RadioPanel, {}, 'CdsRadioPanel');
 
 logReactVersion(React);