Fix bug: links/urls don't fit inside the page

apps/client/src/pages/auth/layout.tsx

@@ -23,7 +23,6 @@ export const AuthLayout = () => {
   const hideDivider = !providers.includes("email") || providers.length === 1;
 
   return (
-    // eslint-disable-next-line tailwindcss/enforces-shorthand -- size-screen not implemented yet
     <div className="flex h-screen w-screen">
       <div className="relative flex w-full flex-col justify-center gap-y-8 px-12 sm:mx-auto sm:basis-[420px] sm:px-0 lg:basis-[480px] lg:px-12">
         <div className="flex items-center justify-between">

apps/client/src/pages/builder/sidebars/left/sections/custom/section.tsx

@@ -53,7 +53,11 @@ export const CustomField = ({ field, onChange, onRemove }: CustomFieldProps) =>
           <Tooltip content={t`Icon`}>
             <PopoverTrigger asChild>
               <Button size="icon" variant="ghost" className="shrink-0">
-                {field.icon ? <i className={cn(`ph ph-${field.icon}`)} /> : <EnvelopeIcon />}
+                {field.icon ? (
+                  <i className={cn(`ph ph-bold ph-${field.icon}`)} />
+                ) : (
+                  <EnvelopeIcon />
+                )}
               </Button>
             </PopoverTrigger>
           </Tooltip>