diff --git a/repl/appengine/web/src/app/reference_panel/reference-panel-component.html b/repl/appengine/web/src/app/reference_panel/reference-panel-component.html
index b583a4e4..dadf9705 100644
--- a/repl/appengine/web/src/app/reference_panel/reference-panel-component.html
+++ b/repl/appengine/web/src/app/reference_panel/reference-panel-component.html
@@ -59,5 +59,9 @@ <h1>References</h1>
             <button mat-list-item (click)="startExample('math')">Math</button>
             <button mat-list-item (click)="startExample('bind')">Bind</button>
         </mat-action-list>
+        <p>CEL Spec</p>
+        <mat-action-list>
+            <button mat-list-item (click)="startExample('cel-spec-test')">CEL Spec Test Types</button>
+        </mat-action-list>
     </mat-expansion-panel>
 </mat-accordion>
\ No newline at end of file
diff --git a/repl/appengine/web/src/app/reference_panel/reference-panel-component.ts b/repl/appengine/web/src/app/reference_panel/reference-panel-component.ts
index 2d5893e4..1c68155e 100644
--- a/repl/appengine/web/src/app/reference_panel/reference-panel-component.ts
+++ b/repl/appengine/web/src/app/reference_panel/reference-panel-component.ts
@@ -112,9 +112,20 @@ const examples = new Map<string, Example>([
     "request": {
       commands: [
         `%option --enable_partial_eval`,
-        `%declare x : int`,
-        `%let y : int = 10`,
-        `x > y || y > 10`,
+        `%declare unk_a : bool`,
+        `%declare unk_b : bool`,
+        `%let err = 1 / 0 > 2`,
+        `true || false`,
+        `true || unk_a`,
+        `true || err`,
+        `false || unk_a`,
+        `false || err`,
+        `unk_a || true`,
+        `unk_a || false`,
+        `unk_a || err`,
+        `unk_a || unk_a`,
+        `unk_a || unk_b`,
+        `unk_a || true || err`,
       ]
     }
   }],
@@ -171,6 +182,19 @@ const examples = new Map<string, Example>([
       ]
     }
   }],
+  [
+    "cel-spec-test",
+  {
+    request: {
+      commands: [
+        `%load_descriptors --pkg 'cel-spec-test-types'`,
+        `%option --container "google.api.expr.test.v1"`,
+        `%let pb3 = proto3.TestAllTypes{}`,
+        `%let pb2 = proto2.TestAllTypes`,
+        `pb3 == proto3.TestAllTypes{}`
+      ]
+    }
+  }],
 ]);
 
 /**
diff --git a/repl/appengine/web/src/theme.scss b/repl/appengine/web/src/theme.scss
index 5c40ab19..aebb1965 100644
--- a/repl/appengine/web/src/theme.scss
+++ b/repl/appengine/web/src/theme.scss
@@ -38,15 +38,17 @@ $theme: mat.m2-define-light-theme(
   )
 );
 
-// Include theme styles for "core" features like ripples and elevation.
-@include mat.core-theme($theme);
+html {
+  // Include theme styles for "core" features like ripples and elevation.
+  @include mat.core-theme($theme);
 
-// Include theme styles for each component used in the application.
-@include mat.button-theme($theme);
-@include mat.fab-theme($theme);
-@include mat.icon-theme($theme);
-@include mat.form-field-theme($theme);
-@include mat.input-theme($theme);
-@include mat.sidenav-theme($theme);
-@include mat.expansion-theme($theme);
-@include mat.list-theme($theme);
+  // Include theme styles for each component used in the application.
+  @include mat.button-theme($theme);
+  @include mat.fab-theme($theme);
+  @include mat.icon-theme($theme);
+  @include mat.form-field-theme($theme);
+  @include mat.input-theme($theme);
+  @include mat.sidenav-theme($theme);
+  @include mat.expansion-theme($theme);
+  @include mat.list-theme($theme);
+}