diff --git a/projects/demo/src/pages/recipes/content-editable/examples/1-time/component.ts b/projects/demo/src/pages/recipes/content-editable/examples/1-time/component.ts
index b1a11ca1e..7bfbe7ad5 100644
--- a/projects/demo/src/pages/recipes/content-editable/examples/1-time/component.ts
+++ b/projects/demo/src/pages/recipes/content-editable/examples/1-time/component.ts
@@ -18,7 +18,7 @@ import mask from './mask';
     `,
     styles: [
         ':host {font-size: 2.5rem}',
-        '[contenteditable] {border: 3px dashed lightgray}',
+        '[contenteditable] {border: 3px dashed lightgrey}',
     ],
     changeDetection: ChangeDetectionStrategy.OnPush,
 })
diff --git a/projects/demo/src/pages/recipes/content-editable/examples/2-multi-line/component.ts b/projects/demo/src/pages/recipes/content-editable/examples/2-multi-line/component.ts
index 44d7b1a7a..b05cab710 100644
--- a/projects/demo/src/pages/recipes/content-editable/examples/2-multi-line/component.ts
+++ b/projects/demo/src/pages/recipes/content-editable/examples/2-multi-line/component.ts
@@ -19,7 +19,7 @@ import mask from './mask';
         `
             [contenteditable] {
                 white-space: pre;
-                border: 3px dashed lightgray;
+                border: 3px dashed lightgrey;
                 max-width: 30rem;
                 padding: 1rem;
             }