style:

src/views/Conversations/Online/Components/EmailDetailInline.jsx

@@ -235,17 +235,17 @@ const EmailDetailInline = ({ mailID, emailMsg = {}, disabled = false, variant, s
   const variantCls = (variant) => {
     switch (variant) {
       case 'outline':
-        return 'border-y-0 border-x border-solid border-neutral-200'
+        return 'h-full border-y-0 border-x border-solid border-neutral-200'
       case 'full':
-        return 'h-[calc(100vh-16px)]'
+        return 'h-[calc(100dvh-16px)]'
       default:
-        return ''
+        return 'h-full'
     }
   }
 
   return mailID ? (
     <>
-      <div ref={componentRef} className={`email-container h-full flex flex-col gap-0 divide-y divide-neutral-200 divide-solid *:p-2 *:border-0 bg-white ${variantCls(variant)}`}>
+      <div ref={componentRef} className={`email-container flex flex-col gap-0 divide-y divide-neutral-200 divide-solid *:p-2 *:border-0 bg-white ${variantCls(variant)}`}>
         <div className=''>
           <div className='flex flex-wrap justify-between'>
             <span className={(mailData.info?.MAI_ReadState || 0) > 0 ? '' : ' font-bold '}>