diff --git a/web/components/chat/ChatContainer/ChatContainer.tsx b/web/components/chat/ChatContainer/ChatContainer.tsx
index 2a06408c8..37b02dc45 100644
--- a/web/components/chat/ChatContainer/ChatContainer.tsx
+++ b/web/components/chat/ChatContainer/ChatContainer.tsx
@@ -2,10 +2,10 @@ import { Spin } from 'antd';
 import { Virtuoso } from 'react-virtuoso';
 import { useRef } from 'react';
 import { LoadingOutlined } from '@ant-design/icons';
-import { ChatMessage } from '/interfaces/chat-message.model';
-import { ChatState } from '/interfaces/application-state';
+import { ChatMessage } from '../../../interfaces/chat-message.model';
+import { ChatState } from '../../../interfaces/application-state';
+import { MessageType } from '../../../interfaces/socket-events';
 import ChatUserMessage from '../ChatUserMessage';
-import { MessageType } from '/interfaces/socket-events';
 import s from './ChatContainer.module.scss';
 
 interface Props {
diff --git a/web/components/chat/index.ts b/web/components/chat/index.ts
new file mode 100644
index 000000000..4835610ba
--- /dev/null
+++ b/web/components/chat/index.ts
@@ -0,0 +1,2 @@
+export { default as ChatContainer } from './ChatContainer';
+export { default as ChatTextField } from './ChatTextField/ChatTextField';
diff --git a/web/components/ui/Sidebar/Sidebar.tsx b/web/components/ui/Sidebar/Sidebar.tsx
index e00dd4339..c0e178cf5 100644
--- a/web/components/ui/Sidebar/Sidebar.tsx
+++ b/web/components/ui/Sidebar/Sidebar.tsx
@@ -1,7 +1,7 @@
 import Sider from 'antd/lib/layout/Sider';
 import { useRecoilValue } from 'recoil';
 import { ChatMessage } from '../../../interfaces/chat-message.model';
-import ChatContainer from '/components/chat/ChatContainer';
+import { ChatContainer, ChatTextField } from '../../chat';
 import s from './Sidebar.module.scss';
 import {
   chatMessagesAtom,
@@ -9,7 +9,6 @@ import {
   chatStateAtom,
 } from '../../stores/ClientConfigStore';
 import { ChatState, ChatVisibilityState } from '../../../interfaces/application-state';
-import ChatTextField from '../../chat/ChatTextField/ChatTextField';
 
 export default function Sidebar() {
   const messages = useRecoilValue<ChatMessage[]>(chatMessagesAtom);