diff --git a/frontend/src/component/common/ConstraintAccordion/ConstraintAccordionView/ConstraintAccordionViewHeader/ConstraintAccordionViewHeaderInfo/ConstraintAccordionViewHeaderInfo.tsx b/frontend/src/component/common/ConstraintAccordion/ConstraintAccordionView/ConstraintAccordionViewHeader/ConstraintAccordionViewHeaderInfo/ConstraintAccordionViewHeaderInfo.tsx
index 845c876e0d..261fe82d39 100644
--- a/frontend/src/component/common/ConstraintAccordion/ConstraintAccordionView/ConstraintAccordionViewHeader/ConstraintAccordionViewHeaderInfo/ConstraintAccordionViewHeaderInfo.tsx
+++ b/frontend/src/component/common/ConstraintAccordion/ConstraintAccordionView/ConstraintAccordionViewHeader/ConstraintAccordionViewHeaderInfo/ConstraintAccordionViewHeaderInfo.tsx
@@ -74,7 +74,7 @@ export const ConstraintAccordionViewHeaderInfo = ({
                                     variant={'body1'}
                                     color={
                                         Boolean(
-                                            playgroundContext![
+                                            playgroundContext?.[
                                                 constraint.contextName
                                             ]
                                         )
@@ -82,7 +82,7 @@ export const ConstraintAccordionViewHeaderInfo = ({
                                             : theme.palette.error.main
                                     }
                                 >
-                                    {playgroundContext![
+                                    {playgroundContext?.[
                                         constraint.contextName
                                     ] || 'no value'}
                                 </Typography>