diff --git a/resources/js/components/FontPicker.vue b/resources/js/components/FontPicker.vue
index ff1359b6..fc9bfcef 100644
--- a/resources/js/components/FontPicker.vue
+++ b/resources/js/components/FontPicker.vue
@@ -91,7 +91,7 @@ const select = (font: string) => {
             </Button>
         </PopoverTrigger>
 
-        <PopoverContent class="w-[--reka-popover-trigger-width] p-0" align="start">
+        <PopoverContent class="w-(--reka-popover-trigger-width) p-0" align="start">
             <Command>
                 <CommandInput :placeholder="searchPlaceholder" />
                 <CommandList>
diff --git a/resources/js/components/LanguagePicker.vue b/resources/js/components/LanguagePicker.vue
index 9826d597..5e6e2d3d 100644
--- a/resources/js/components/LanguagePicker.vue
+++ b/resources/js/components/LanguagePicker.vue
@@ -53,7 +53,7 @@ const select = (code: string) => {
             </Button>
         </PopoverTrigger>
 
-        <PopoverContent class="w-[--reka-popover-trigger-width] p-0" align="start">
+        <PopoverContent class="w-(--reka-popover-trigger-width) p-0" align="start">
             <Command>
                 <CommandInput :placeholder="searchPlaceholder" />
                 <CommandList>