diff --git a/src/views/ChatWindow.jsx b/src/views/ChatWindow.jsx
index ce803d3..f3c1d37 100644
--- a/src/views/ChatWindow.jsx
+++ b/src/views/ChatWindow.jsx
@@ -25,12 +25,12 @@ const ChatWindow = () => {
 
   return (
     <>
-      <Layout hasSider className='h-screen chatwindow-wrapper' style={{ maxHeight: 'calc(100% - 198px)', height: 'calc(100% - 198px)' }}>
+      <Layout hasSider className='h-screen chatwindow-wrapper' style={{ maxHeight: 'calc(100% - 166px)', height: 'calc(100% - 166px)' }}>
         <Sider
-          width={300}
+          width={340}
           theme={'light'}
           className='h-full overflow-y-auto h-parent'
-          style={{ maxHeight: 'calc(100vh - 198px)', height: 'calc(100vh - 198px)' }}
+          style={{ maxHeight: 'calc(100vh - 166px)', height: 'calc(100vh - 166px)' }}
           collapsible={true}
           breakpoint='xl'
           collapsedWidth={73}
@@ -43,7 +43,7 @@ const ChatWindow = () => {
           <ConversationsList />
         </Sider>
 
-        <Content style={{ maxHeight: 'calc(100vh - 198px)', height: 'calc(100vh - 198px)', minWidth: '360px' }}>
+        <Content style={{ maxHeight: 'calc(100vh - 166px)', height: 'calc(100vh - 166px)', minWidth: '360px' }}>
           <Layout className='h-full'>
             <Header className='px-1 ant-layout-sider-light ant-card h-auto flex justify-between gap-1 items-center'>
               {/* <Button type='text' icon={collapsedLeft ? <MenuUnfoldOutlined /> : <MenuFoldOutlined />} onClick={() => setCollapsedLeft(!collapsedLeft)} className=' rounded-none rounded-l' /> */}
@@ -63,10 +63,10 @@ const ChatWindow = () => {
         </Content>
 
         <Sider
-          width={300}
+          width={400}
           theme={'light'}
           className=' overflow-y-auto'
-          style={{ maxHeight: 'calc(100vh - 198px)', height: 'calc(100vh - 198px)' }}
+          style={{ maxHeight: 'calc(100vh - 166px)', height: 'calc(100vh - 166px)' }}
           collapsible={true}
           breakpoint='xl'
           collapsedWidth={0}
diff --git a/src/views/Conversations/Online/order/CustomerProfile.jsx b/src/views/Conversations/Online/order/CustomerProfile.jsx
index 78dee84..749514b 100644
--- a/src/views/Conversations/Online/order/CustomerProfile.jsx
+++ b/src/views/Conversations/Online/order/CustomerProfile.jsx
@@ -122,7 +122,7 @@ const CustomerProfile = () => {
 		setNewChatModalVisible(false);
 	};
 
-  const handleEmailClick = useCallback((emailItem) => {
+  const handle3rdEmailItemClick = useCallback((emailItem) => {
     const emailMsg = {
       conversationid: currentConversationID,
       order_opi: orderDetail.opi_sn,
@@ -293,7 +293,7 @@ const CustomerProfile = () => {
               <List.Item
                 className='hover:bg-stone-50 cursor-pointer'
                 onClick={() => {
-                  handleEmailClick(email)
+                  handle3rdEmailItemClick(email)
                 }}>
                   <Flex
                     vertical
diff --git a/src/views/DesktopApp.jsx b/src/views/DesktopApp.jsx
index b8c4381..21ecce4 100644
--- a/src/views/DesktopApp.jsx
+++ b/src/views/DesktopApp.jsx
@@ -235,7 +235,7 @@ function DesktopApp() {
       <Layout>
         <Content
           style={{
-            padding: 24,
+            padding: 8,
             margin: 0,
             minHeight: 280,
             background: colorBgContainer,