diff --git a/src/lib/components/textbadge/TextBadge.component.tsx b/src/lib/components/textbadge/TextBadge.component.tsx
index 92c460652d..bd1012c5f9 100644
--- a/src/lib/components/textbadge/TextBadge.component.tsx
+++ b/src/lib/components/textbadge/TextBadge.component.tsx
@@ -1,3 +1,4 @@
+import React from 'react';
 import styled from 'styled-components';
 import { spacing } from '../../spacing';
 import { fontWeight } from '../../style/theme';
@@ -27,7 +28,7 @@ type Props = {
   text: string;
   className?: string;
   variant?: TextBadgeVariant;
-};
+} & React.HTMLAttributes<HTMLSpanElement>;
 export function TextBadge({
   text,
   variant = 'infoPrimary',