diff --git a/src/pages/IndependentPanel/App.jsx b/src/pages/IndependentPanel/App.jsx
index 751fc3a..8ebe652 100644
--- a/src/pages/IndependentPanel/App.jsx
+++ b/src/pages/IndependentPanel/App.jsx
@@ -18,7 +18,7 @@ import Browser from 'webextension-polyfill'
 
 function App() {
   const { t } = useTranslation()
-  const [collapsed, setCollapsed] = useState(false)
+  const [collapsed, setCollapsed] = useState(true)
   const config = useConfig()
   const [sessions, setSessions] = useState([])
   const [sessionId, setSessionId] = useState(null)
diff --git a/src/pages/IndependentPanel/styles.scss b/src/pages/IndependentPanel/styles.scss
index 41a20fc..9fda836 100644
--- a/src/pages/IndependentPanel/styles.scss
+++ b/src/pages/IndependentPanel/styles.scss
@@ -46,18 +46,21 @@
   .chat-sidebar {
     display: flex;
     flex-direction: column;
+    min-width: 250px;
     width: 250px;
     background-color: var(--theme-color);
-    transition: width 0.3s;
+    transition: width 0.3s, min-width 0.3s;
     padding: 10px;
   }
 
   .chat-sidebar.collapsed {
+    min-width: 60px;
     width: 60px;
   }
 
   .chat-sidebar:hover,
   .chat-sidebar:not(.collapsed) {
+    min-width: 250px;
     width: 250px;
   }