diff --git a/src/components/conversations/ConversationSidebarItem.tsx b/src/components/conversations/ConversationSidebarItem.tsx
index 3aff7d8..bfb56c5 100644
--- a/src/components/conversations/ConversationSidebarItem.tsx
+++ b/src/components/conversations/ConversationSidebarItem.tsx
@@ -20,9 +20,11 @@ export default ({ instance }: Props) => {
     chatShow.set(false)
     let infoHeader = document.getElementById("infoHeader");
     let infoSend = document.getElementById("infoSend");
+    let mtBox = document.getElementsByClassName('flex-1 mt-14 flex flex-col overflow-hidden')[0]
     if (!chatShow.get()) {
       infoHeader.style.display = "flex";
       infoSend.style.display = "flex";
+      mtBox.style.marginTop = '3.5rem';
     }
     currentConversationId.set(instance.id)
     showConversationSidebar.set(false)
diff --git a/src/pages/chat/components/dataList.tsx b/src/pages/chat/components/dataList.tsx
index ffc1b2c..5c0845c 100644
--- a/src/pages/chat/components/dataList.tsx
+++ b/src/pages/chat/components/dataList.tsx
@@ -161,12 +161,15 @@ export default () => {
     const setDataInfo=()=>{
         let infoSend = document.getElementById("infoSend");
         let infoHeader = document.getElementById("infoHeader");
+        let mtBox = document.getElementsByClassName('flex-1 mt-14 flex flex-col overflow-hidden')[0]
         if (chatShow.get()) {
             infoSend.style.display = "none";
             infoHeader.style.display = "none";
+            mtBox.style.marginTop = 0;
         } else {
             infoHeader.style.display = "flex";
             infoSend.style.display = "flex";
+            mtBox.style.marginTop = '3.5rem';
         }
     }
 
diff --git a/src/pages/chat/components/iframe.tsx b/src/pages/chat/components/iframe.tsx
index 08c298d..f5a4666 100644
--- a/src/pages/chat/components/iframe.tsx
+++ b/src/pages/chat/components/iframe.tsx
@@ -1,6 +1,6 @@
 import { keys } from 'idb-keyval'
 import '../css/list.css'
-import { createSignal } from 'solid-js'
+import { createSignal, Switch, Match } from 'solid-js'
 import { uniqid } from '@/pages/chat/ts/store'
 import { useStore } from '@nanostores/solid'
 
@@ -12,8 +12,15 @@ export default () => {
     let id: any = ''
     id = useStore(uniqid) as any
     return (
-        <div style={{width:'100%',height:'100%'}} id='iframe'>
-            <iframe src={`https://ansnid.com/share/?id=${id()}`} style={{width:'100%',height:'100%'}}></iframe>
-        </div>
+        <Switch>
+            <Match when={id()}>
+                <div style={{ width: '100%', height: '100%' }} id='iframe'>
+                    <iframe src={`https://ansnid.com/share/?id=${id()}`} style={{ width: '100%', height: '100%' }}></iframe>
+                </div>
+            </Match>
+            <Match when={!id()}>
+                <div></div>
+            </Match>
+        </Switch>
     )
 }