diff --git a/frontend/src/component/playground/Playground/PlaygroundResultsTable/FeatureResultInfoPopoverCell/PlaygroundResultFeatureDetails/PlaygroundResultFeatureDetails.tsx b/frontend/src/component/playground/Playground/PlaygroundResultsTable/FeatureResultInfoPopoverCell/PlaygroundResultFeatureDetails/PlaygroundResultFeatureDetails.tsx
index 386cbaef5a..fd63c9643d 100644
--- a/frontend/src/component/playground/Playground/PlaygroundResultsTable/FeatureResultInfoPopoverCell/PlaygroundResultFeatureDetails/PlaygroundResultFeatureDetails.tsx
+++ b/frontend/src/component/playground/Playground/PlaygroundResultsTable/FeatureResultInfoPopoverCell/PlaygroundResultFeatureDetails/PlaygroundResultFeatureDetails.tsx
@@ -66,16 +66,13 @@ export const PlaygroundResultFeatureDetails = ({
                     </Typography>
                     <span>
                         <PlaygroundResultChip
-                            enabled={
+                            enabled={feature.isEnabled}
+                            label={
                                 feature.isEnabled === 'unevaluated'
-                                    ? 'unknown'
-                                    : feature.isEnabled
-                            }
-                            label={String(feature.isEnabled)}
-                            size={
-                                feature.isEnabled === 'unevaluated'
-                                    ? 'large'
-                                    : 'default'
+                                    ? '?'
+                                    : Boolean(feature.isEnabled)
+                                        ? 'True'
+                                        : 'False'
                             }
                         />
                     </span>
diff --git a/frontend/src/component/playground/Playground/PlaygroundResultsTable/FeatureStatusCell/FeatureStatusCell.tsx b/frontend/src/component/playground/Playground/PlaygroundResultsTable/FeatureStatusCell/FeatureStatusCell.tsx
index b219b57b41..b9c2066b4b 100644
--- a/frontend/src/component/playground/Playground/PlaygroundResultsTable/FeatureStatusCell/FeatureStatusCell.tsx
+++ b/frontend/src/component/playground/Playground/PlaygroundResultsTable/FeatureStatusCell/FeatureStatusCell.tsx
@@ -3,7 +3,7 @@ import { Box, styled } from '@mui/material';
 import { PlaygroundResultChip } from '../PlaygroundResultChip/PlaygroundResultChip';
 
 interface IFeatureStatusCellProps {
-    enabled: boolean | 'unknown';
+    enabled: boolean | 'unevaluated';
 }
 
 const StyledCellBox = styled(Box)(({ theme }) => ({
@@ -20,7 +20,10 @@ export const FeatureStatusCell = ({ enabled }: IFeatureStatusCellProps) => {
     return (
         <StyledCellBox>
             <StyledChipWrapper data-loading>
-                <PlaygroundResultChip enabled={enabled} />
+                <PlaygroundResultChip
+                    enabled={enabled}
+                    label={enabled === 'unevaluated' ? '?' : Boolean(enabled) ? 'True': 'False' }
+                />
             </StyledChipWrapper>
         </StyledCellBox>
     );
diff --git a/frontend/src/component/playground/Playground/PlaygroundResultsTable/PlaygroundResultChip/PlaygroundResultChip.tsx b/frontend/src/component/playground/Playground/PlaygroundResultsTable/PlaygroundResultChip/PlaygroundResultChip.tsx
index 8cbf734142..26c1fc35fd 100644
--- a/frontend/src/component/playground/Playground/PlaygroundResultsTable/PlaygroundResultChip/PlaygroundResultChip.tsx
+++ b/frontend/src/component/playground/Playground/PlaygroundResultsTable/PlaygroundResultChip/PlaygroundResultChip.tsx
@@ -4,12 +4,13 @@ import { ConditionallyRender } from '../../../../common/ConditionallyRender/Cond
 import React from 'react';
 import { ReactComponent as FeatureEnabledIcon } from '../../../../../assets/icons/isenabled-true.svg';
 import { ReactComponent as FeatureDisabledIcon } from '../../../../../assets/icons/isenabled-false.svg';
+import { WarningOutlined } from "@mui/icons-material";
 
 interface IResultChipProps {
-    enabled: boolean | 'unknown';
+    enabled: boolean | 'unevaluated' | 'unknown'
+    label: string;
     // Result icon - defaults to true
     showIcon?: boolean;
-    label?: string;
     size?: 'default' | 'medium' | 'large';
 }
 
@@ -61,68 +62,68 @@ export const StyledUnknownChip = styled(StyledChip)(({ theme }) => ({
 
 export const PlaygroundResultChip = ({
     enabled,
-    showIcon = true,
     label,
+    showIcon = true,
     size = 'default',
 }: IResultChipProps) => {
     const theme = useTheme();
     const icon = (
         <ConditionallyRender
-            condition={enabled !== 'unknown' && enabled}
-            show={
-                <FeatureEnabledIcon
-                    color={theme.palette.success.main}
-                    strokeWidth="0.25"
-                />
-            }
+            condition={enabled === 'unknown' || enabled === 'unevaluated' }
+            show={<WarningOutlined color={'warning'} fontSize='inherit' /> }
             elseShow={
-                <FeatureDisabledIcon
-                    color={theme.palette.error.main}
-                    strokeWidth="0.25"
+                <ConditionallyRender
+                    condition={typeof enabled === 'boolean' && Boolean(enabled)}
+                    show={
+                        <FeatureEnabledIcon
+                            color={theme.palette.success.main}
+                            strokeWidth="0.25"
+                        />
+                    }
+                    elseShow={
+                        <FeatureDisabledIcon
+                            color={theme.palette.error.main}
+                            strokeWidth="0.25"
+                        />
+                    }
                 />
             }
         />
     );
 
-    const defaultLabel = enabled ? 'True' : 'False';
-
-    let chipWidth = 60;
-    if (size === 'medium') {
-        chipWidth = 72;
-    }
-
-    if (size === 'large') {
-        chipWidth = 100;
-    }
+    let  chipWidth = 60;
+    if (size === 'medium') chipWidth = 72;
+    if (size === 'large') chipWidth = 100;
 
     return (
         <ConditionallyRender
-            condition={enabled !== 'unknown' && enabled}
+            condition={enabled === 'unknown' || enabled === 'unevaluated' }
             show={
-                <StyledTrueChip
+                <StyledUnknownChip
                     icon={showIcon ? icon : undefined}
-                    label={label || defaultLabel}
+                    label={label}
                     width={chipWidth}
                 />
             }
             elseShow={
                 <ConditionallyRender
-                    condition={enabled === 'unknown'}
+                    condition={typeof enabled === 'boolean' && Boolean(enabled)}
                     show={
-                        <StyledUnknownChip
-                            label={label || 'Unknown'}
+                        <StyledTrueChip
+                            icon={showIcon ? icon : undefined}
+                            label={label}
                             width={chipWidth}
                         />
                     }
                     elseShow={
                         <StyledFalseChip
                             icon={showIcon ? icon : undefined}
-                            label={label || defaultLabel}
+                            label={label}
                             width={chipWidth}
                         />
                     }
                 />
             }
         />
-    );
+    )
 };