diff --git a/site/monarch/samplecode.tsx b/site/monarch/samplecode.tsx
index 806f220..a4333c0 100644
--- a/site/monarch/samplecode.tsx
+++ b/site/monarch/samplecode.tsx
@@ -67,7 +67,9 @@ export const sample3 = () => {
   list.add('foo');
   list.add('bar');
   return <>
-    <TodoInput add={(v) => list.add(v)} />
+    <TodoInput add={(v) => list.add(v)}>
+      <TodoInput add={(v) => list.add(v)} />
+    </TodoInput>
     {list.ul}
   </>;
 };
diff --git a/site/token-provider.ts b/site/token-provider.ts
index 2ad4018..91b2625 100644
--- a/site/token-provider.ts
+++ b/site/token-provider.ts
@@ -145,7 +145,12 @@ export const tokenProvider = {
       }],
       [/(<\/)([a-zA-Z_$][.\w$]*)(>)/, {
         cases: {
-          '$2==$S2': ['delimiter.html', 'constant', { token: 'delimiter.html', next: '@pop' }],
+          '$2==$S2': ['delimiter.html', {
+            cases: {
+              '[A-Z].*': 'type.identifier',
+              '@default': 'constant',
+            }
+          }, { token: 'delimiter.html', next: '@pop' }],
           '@default': { token: 'invalid', next: '@pop' },
         }
       }