diff --git a/examples/graph-layers/graph-viewer/examples.ts b/examples/graph-layers/graph-viewer/examples.ts
index 631e496b..faf442e1 100644
--- a/examples/graph-layers/graph-viewer/examples.ts
+++ b/examples/graph-layers/graph-viewer/examples.ts
@@ -255,11 +255,31 @@ const LES_MISERABLES_STYLE: ExampleStyles = {
   nodes: [
     {
       type: 'circle',
-      radius: 9,
-      fill: '#60a5fa',
-      stroke: '#1d4ed8',
-      strokeWidth: 1.5,
-      opacity: 0.9
+      radius: {
+        default: 9,
+        hover: 11,
+        selected: 12
+      },
+      fill: {
+        default: '#60a5fa',
+        hover: '#2563eb',
+        selected: '#f97316'
+      },
+      stroke: {
+        default: '#1d4ed8',
+        hover: '#1e3a8a',
+        selected: '#c2410c'
+      },
+      strokeWidth: {
+        default: 1.5,
+        hover: 3,
+        selected: 3.5
+      },
+      opacity: {
+        default: 0.9,
+        hover: 1,
+        selected: 1
+      }
     },
     {
       type: 'label',
@@ -293,8 +313,16 @@ const LES_MISERABLES_STYLE: ExampleStyles = {
     }
   ],
   edges: {
-    stroke: '#bfdbfe',
-    strokeWidth: 1,
+    stroke: {
+      default: '#bfdbfe',
+      hover: '#2563eb',
+      selected: '#f97316'
+    },
+    strokeWidth: {
+      default: 1,
+      hover: 3,
+      selected: 3.5
+    },
     decorators: []
   }
 };