diff --git a/packages/infolists/resources/views/components/color-entry.blade.php b/packages/infolists/resources/views/components/color-entry.blade.php
index f91841bd636..e10d8c0c349 100644
--- a/packages/infolists/resources/views/components/color-entry.blade.php
+++ b/packages/infolists/resources/views/components/color-entry.blade.php
@@ -43,7 +43,7 @@
                         'cursor-pointer' => $itemIsCopyable,
                     ])
                     @style([
-                        "background-color: {$state}" => $state,
+                        'background-color: ' . e($state) => $state,
                     ])
                 ></div>
             @endforeach
diff --git a/packages/tables/resources/views/columns/color-column.blade.php b/packages/tables/resources/views/columns/color-column.blade.php
index eb1d42350a0..b2302ea4a2e 100644
--- a/packages/tables/resources/views/columns/color-column.blade.php
+++ b/packages/tables/resources/views/columns/color-column.blade.php
@@ -45,7 +45,7 @@
                     'cursor-pointer' => $itemIsCopyable,
                 ])
                 @style([
-                    "background-color: {$state}" => $state,
+                    'background-color: ' . e($state) => $state,
                 ])
             ></div>
         @endforeach