diff --git a/design-tokens/tokens/color.light.json b/design-tokens/tokens/color.light.json
index f1c736a9b..c1706dc12 100644
--- a/design-tokens/tokens/color.light.json
+++ b/design-tokens/tokens/color.light.json
@@ -2,7 +2,7 @@
   "color": {
     "brand": {
       "$type": "color",
-      "$value": "{color.purple.30}",
+      "$value": "{color.green.30}",
       "$description": "",
       "$extensions": {
         "com.figma": {
diff --git a/sandbox/grommet-app/src/pages/RecentServices.jsx b/sandbox/grommet-app/src/pages/RecentServices.jsx
index 13c4d289e..da93f6ae9 100644
--- a/sandbox/grommet-app/src/pages/RecentServices.jsx
+++ b/sandbox/grommet-app/src/pages/RecentServices.jsx
@@ -65,7 +65,7 @@ export const RecentServices = () => {
                 align={skeleton ? 'start' : 'center'}
                 gap="small"
               >
-                <Box skeleton>
+                <Box>
                   <Text weight={500} color="text-strong">
                     {datum.name}
                   </Text>