diff --git a/plugins/chat/assets/javascripts/discourse/components/chat-side-panel.js b/plugins/chat/assets/javascripts/discourse/components/chat-side-panel.js
index 5c046ab32d2..192f0b8490e 100644
--- a/plugins/chat/assets/javascripts/discourse/components/chat-side-panel.js
+++ b/plugins/chat/assets/javascripts/discourse/components/chat-side-panel.js
@@ -4,7 +4,7 @@ import { action } from "@ember/object";
 import { htmlSafe } from "@ember/template";
 import { tracked } from "@glimmer/tracking";
 
-const MIN_CHAT_CHANNEL_WIDTH = 300;
+const MIN_CHAT_CHANNEL_WIDTH = 250;
 
 export default class ChatSidePanel extends Component {
   @service chatStateManager;
diff --git a/plugins/chat/assets/stylesheets/common/chat-channel.scss b/plugins/chat/assets/stylesheets/common/chat-channel.scss
index 3db4cb4eabb..30f08e0e6e4 100644
--- a/plugins/chat/assets/stylesheets/common/chat-channel.scss
+++ b/plugins/chat/assets/stylesheets/common/chat-channel.scss
@@ -6,7 +6,7 @@
   overflow: hidden;
   grid-area: main;
   width: 100%;
-  min-width: 300px;
+  min-width: 250px;
 
   .open-drawer-btn {
     color: var(--primary-low-mid);