diff --git a/app/soapbox/features/chats/components/chat-page.tsx b/app/soapbox/features/chats/components/chat-page/chat-page.tsx
similarity index 99%
rename from app/soapbox/features/chats/components/chat-page.tsx
rename to app/soapbox/features/chats/components/chat-page/chat-page.tsx
index 0794104b5..63af69155 100644
--- a/app/soapbox/features/chats/components/chat-page.tsx
+++ b/app/soapbox/features/chats/components/chat-page/chat-page.tsx
@@ -14,8 +14,8 @@ import { useChatContext } from 'soapbox/contexts/chat-context';
 import { useAppDispatch } from 'soapbox/hooks';
 import { useChat, useChatSilence } from 'soapbox/queries/chats';
 
-import Chat from './chat';
-import ChatList from './chat-list';
+import Chat from '../chat';
+import ChatList from '../chat-list';
 
 const messages = defineMessages({
   title: { id: 'column.chats', defaultMessage: 'Messages' },
diff --git a/app/soapbox/features/chats/index.tsx b/app/soapbox/features/chats/index.tsx
index 34cb94a67..c6de2b6ec 100644
--- a/app/soapbox/features/chats/index.tsx
+++ b/app/soapbox/features/chats/index.tsx
@@ -2,7 +2,7 @@ import React from 'react';
 
 import { ChatProvider } from 'soapbox/contexts/chat-context';
 
-import ChatPage from './components/chat-page';
+import ChatPage from './components/chat-page/chat-page';
 
 const ChatIndex: React.FC = () => (
   <ChatProvider>