diff --git a/frontend/src/component/playground/Playground/PlaygroundResultsTable/ContextBanner/ContextBanner.tsx b/frontend/src/component/playground/Playground/PlaygroundResultsTable/ContextBanner/ContextBanner.tsx
index 0f282ee654..03b2ecba83 100644
--- a/frontend/src/component/playground/Playground/PlaygroundResultsTable/ContextBanner/ContextBanner.tsx
+++ b/frontend/src/component/playground/Playground/PlaygroundResultsTable/ContextBanner/ContextBanner.tsx
@@ -6,10 +6,10 @@ interface IContextBannerProps {
     context: SdkContextSchema;
 }
 
-const StyledContextFieldList = styled('ul')(() => ({
+const StyledContextFieldList = styled('ul')(({theme}) => ({
     color: colors.black,
     listStyleType: 'none',
-    paddingInlineStart: 16,
+    paddingInlineStart: theme.spacing(16),
 }));
 
 export const ContextBanner = ({ context }: IContextBannerProps) => {
diff --git a/frontend/src/component/playground/Playground/PlaygroundResultsTable/FeatureStatusCell/FeatureStatusCell.tsx b/frontend/src/component/playground/Playground/PlaygroundResultsTable/FeatureStatusCell/FeatureStatusCell.tsx
index f46c8c7447..f51e998ac6 100644
--- a/frontend/src/component/playground/Playground/PlaygroundResultsTable/FeatureStatusCell/FeatureStatusCell.tsx
+++ b/frontend/src/component/playground/Playground/PlaygroundResultsTable/FeatureStatusCell/FeatureStatusCell.tsx
@@ -10,29 +10,29 @@ interface IFeatureStatusCellProps {
     enabled: boolean;
 }
 
-const StyledFalseChip = styled(Chip)(() => ({
+const StyledFalseChip = styled(Chip)(({theme}) => ({
     width: 80,
     borderRadius: '5px',
-    border: `1px solid ${colors.red['700']}`,
+    border: `1px solid ${theme.palette.error.main}`,
     backgroundColor: colors.red['200'],
     ['& .MuiChip-label']: {
-        color: colors.red['700'],
+        color: theme.palette.error.main,
     },
     ['& .MuiChip-icon']: {
-        color: colors.red['700'],
+        color: theme.palette.error.main,
     },
 }));
 
-const StyledTrueChip = styled(Chip)(() => ({
+const StyledTrueChip = styled(Chip)(({theme}) => ({
     width: 80,
     borderRadius: '5px',
-    border: `1px solid ${colors.green['700']}`,
+    border: `1px solid ${theme.palette.success.main}`,
     backgroundColor: colors.green['100'],
     ['& .MuiChip-label']: {
-        color: colors.green['700'],
+        color: theme.palette.success.main,
     },
     ['& .MuiChip-icon']: {
-        color: colors.green['700'],
+        color: theme.palette.success.main,
     },
 }));