diff --git a/src/lib/components/textbadge/TextBadge.component.tsx b/src/lib/components/textbadge/TextBadge.component.tsx
index ed83508f8a..92c460652d 100644
--- a/src/lib/components/textbadge/TextBadge.component.tsx
+++ b/src/lib/components/textbadge/TextBadge.component.tsx
@@ -1,9 +1,16 @@
-// @ts-nocheck
 import styled from 'styled-components';
 import { spacing } from '../../spacing';
 import { fontWeight } from '../../style/theme';
 
-const StyledTextBadge = styled.span`
+type TextBadgeVariant =
+  | 'statusHealthy'
+  | 'statusWarning'
+  | 'statusCritical'
+  | 'infoPrimary'
+  | 'infoSecondary'
+  | 'selectedActive';
+
+const StyledTextBadge = styled.span<{ variant: TextBadgeVariant }>`
   ${({ theme, variant }) => `
       background-color: ${theme[variant]};
       color: ${
@@ -19,12 +26,7 @@ const StyledTextBadge = styled.span`
 type Props = {
   text: string;
   className?: string;
-  variant?:
-    | 'statusHealthy'
-    | 'statusWarning'
-    | 'statusCritical'
-    | 'infoPrimary'
-    | 'infoSecondary';
+  variant?: TextBadgeVariant;
 };
 export function TextBadge({
   text,