diff --git a/apps/admin-x-design-system/src/global/form/HtmlField.tsx b/apps/admin-x-design-system/src/global/form/HtmlField.tsx
index 2e61dea8aa..e41f2dbc91 100644
--- a/apps/admin-x-design-system/src/global/form/HtmlField.tsx
+++ b/apps/admin-x-design-system/src/global/form/HtmlField.tsx
@@ -36,7 +36,7 @@ const HtmlField: React.FC<HtmlFieldProps> = ({
     const textFieldClasses = unstyled ? '' : clsx(
         'flex min-h-[32px] items-center rounded-md border border-transparent py-1.5 md:min-h-[36px]',
         clearBg ? 'bg-transparent' : 'bg-grey-150 px-3 dark:bg-grey-900',
-        error ? `border-red` : `dark:bg-dark-925 hover:bg-grey-100 focus:border-green focus:shadow-[0_0_0_1px_rgba(48,207,67,1)]`,
+        error ? `border-red` : `hover:bg-grey-100 focus:border-green focus:shadow-[0_0_0_1px_rgba(48,207,67,1)] peer-focus:border-green dark:selection:bg-[rgba(88,101,116,0.99)] dark:hover:bg-grey-925`,
         (title && !hideTitle && !clearBg) && `mt-2`,
         className
     );