diff --git a/src/app/showcase/doc/icons/colordoc.ts b/src/app/showcase/doc/icons/colordoc.ts
index 32e910cf312..83167c8a9db 100644
--- a/src/app/showcase/doc/icons/colordoc.ts
+++ b/src/app/showcase/doc/icons/colordoc.ts
@@ -10,7 +10,7 @@ import { Code } from '@domain/code';
         <div class="card flex justify-content-center gap-3">
             <i class="pi pi-check" style="color: slateblue"></i>
             <i class="pi pi-times" style="color: green"></i>
-            <i class="pi pi-search" style="color: 'var(--primary-color)'"></i>
+            <i class="pi pi-search" style="color: var(--primary-color)"></i>
             <i class="pi pi-user" style="color: #708090"></i>
         </div>
         <app-code [code]="code" [hideToggleCode]="true"></app-code>
@@ -20,7 +20,7 @@ export class ColorDoc {
     code: Code = {
         basic: `<i class="pi pi-check" style="color: slateblue"></i>
 <i class="pi pi-times" style="color: green"></i>
-<i class="pi pi-search" style="color: 'var(--primary-color)'"></i>
+<i class="pi pi-search" style="color: var(--primary-color)"></i>
 <i class="pi pi-user" style="color: #708090"></i>`
     };
 }