diff --git a/resources/views/livewire/manage-custom-field-width.blade.php b/resources/views/livewire/manage-custom-field-width.blade.php
index 5b51ff9a..5b2629aa 100644
--- a/resources/views/livewire/manage-custom-field-width.blade.php
+++ b/resources/views/livewire/manage-custom-field-width.blade.php
@@ -16,17 +16,17 @@ class="relative"
                     wire:click="$parent.setWidth(fieldId, width)"
                     class="h-6 flex-1 cursor-pointer bg-gray-200 hover:bg-gray-300 transition-colors"
                     :class="{
-                    'rounded-l-md': index === 0,
-                    'rounded-r-md': index === widths.length - 1
+                    'rounded-s-md': index === 0,
+                    'rounded-e-md': index === widths.length - 1
                 }"
                 >
                     <div
                         class="h-full w-full border-gray-300 transition-colors duration-200"
                         :class="{
                         'bg-primary-600': isSelected(width),
-                        'rounded-l-md': index === 0 && isSelected(width),
-                        'rounded-r-md': index === widths.length - 1 && isSelected(width),
-                        'border-r': index !== widths.length - 1
+                        'rounded-s-md': index === 0 && isSelected(width),
+                        'rounded-e-md': index === widths.length - 1 && isSelected(width),
+                        'border-e': index !== widths.length - 1
                     }"
                     ></div>
                 </div>