From 8bb4f4b75c260f180b8aa1b0e7a7b41daf103bf1 Mon Sep 17 00:00:00 2001
From: Thomas Heartman <thomas@getunleash.io>
Date: Wed, 2 Jul 2025 13:40:48 +0200
Subject: [PATCH] change component impl

---
 .../ChangeRequest/Changes/Change/Change.styles.tsx        | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/frontend/src/component/changeRequest/ChangeRequest/Changes/Change/Change.styles.tsx b/frontend/src/component/changeRequest/ChangeRequest/Changes/Change/Change.styles.tsx
index 7ba979b1bd..4069f7b6a6 100644
--- a/frontend/src/component/changeRequest/ChangeRequest/Changes/Change/Change.styles.tsx
+++ b/frontend/src/component/changeRequest/ChangeRequest/Changes/Change/Change.styles.tsx
@@ -1,11 +1,11 @@
-import { styled, Typography } from '@mui/material';
-import type { PropsWithChildren } from 'react';
+import { styled, Typography, type TypographyProps } from '@mui/material';
+import type { FC, PropsWithChildren } from 'react';
 
-export const Action = styled(({ children, ...props }: PropsWithChildren) => (
+export const Action: FC<TypographyProps> = ({ children, ...props }) => (
     <Typography component='span' {...props}>
         {children}
     </Typography>
-))(({ theme }) => ({}));
+);
 
 export const Deleted = styled(Action)(({ theme }) => ({
     color: theme.palette.error.main,