diff --git a/app/soapbox/features/chats/chat_room.tsx b/app/soapbox/features/chats/chat-room.tsx
similarity index 97%
rename from app/soapbox/features/chats/chat_room.tsx
rename to app/soapbox/features/chats/chat-room.tsx
index 866c16ec9..7762fc216 100644
--- a/app/soapbox/features/chats/chat_room.tsx
+++ b/app/soapbox/features/chats/chat-room.tsx
@@ -8,7 +8,7 @@ import { makeGetChat } from 'soapbox/selectors';
 import { getAcct } from 'soapbox/utils/accounts';
 import { displayFqn as getDisplayFqn } from 'soapbox/utils/state';
 
-import ChatBox from './components/chat_box';
+import ChatBox from './components/chat-box';
 
 const getChat = makeGetChat();
 
diff --git a/app/soapbox/features/chats/components/audio_toggle.tsx b/app/soapbox/features/chats/components/audio-toggle.tsx
similarity index 100%
rename from app/soapbox/features/chats/components/audio_toggle.tsx
rename to app/soapbox/features/chats/components/audio-toggle.tsx
diff --git a/app/soapbox/features/chats/components/chat_box.tsx b/app/soapbox/features/chats/components/chat-box.tsx
similarity index 99%
rename from app/soapbox/features/chats/components/chat_box.tsx
rename to app/soapbox/features/chats/components/chat-box.tsx
index d0bbac046..668c323ca 100644
--- a/app/soapbox/features/chats/components/chat_box.tsx
+++ b/app/soapbox/features/chats/components/chat-box.tsx
@@ -13,7 +13,7 @@ import UploadButton from 'soapbox/features/compose/components/upload_button';
 import { useAppSelector, useAppDispatch } from 'soapbox/hooks';
 import { truncateFilename } from 'soapbox/utils/media';
 
-import ChatMessageList from './chat_message_list';
+import ChatMessageList from './chat-message-list';
 
 const messages = defineMessages({
   placeholder: { id: 'chat_box.input.placeholder', defaultMessage: 'Send a message…' },
diff --git a/app/soapbox/features/chats/components/chat_list.tsx b/app/soapbox/features/chats/components/chat-list.tsx
similarity index 100%
rename from app/soapbox/features/chats/components/chat_list.tsx
rename to app/soapbox/features/chats/components/chat-list.tsx
diff --git a/app/soapbox/features/chats/components/chat_message_list.tsx b/app/soapbox/features/chats/components/chat-message-list.tsx
similarity index 100%
rename from app/soapbox/features/chats/components/chat_message_list.tsx
rename to app/soapbox/features/chats/components/chat-message-list.tsx
diff --git a/app/soapbox/features/chats/components/chat_panes.tsx b/app/soapbox/features/chats/components/chat-panes.tsx
similarity index 97%
rename from app/soapbox/features/chats/components/chat_panes.tsx
rename to app/soapbox/features/chats/components/chat-panes.tsx
index fa701a8a2..6ed873139 100644
--- a/app/soapbox/features/chats/components/chat_panes.tsx
+++ b/app/soapbox/features/chats/components/chat-panes.tsx
@@ -8,13 +8,13 @@ import { openChat, launchChat, toggleMainWindow } from 'soapbox/actions/chats';
 import { getSettings } from 'soapbox/actions/settings';
 import AccountSearch from 'soapbox/components/account_search';
 import { Counter } from 'soapbox/components/ui';
-import AudioToggle from 'soapbox/features/chats/components/audio_toggle';
+import AudioToggle from 'soapbox/features/chats/components/audio-toggle';
 import { useAppDispatch, useAppSelector, useSettings } from 'soapbox/hooks';
 import { RootState } from 'soapbox/store';
 import { Chat } from 'soapbox/types/entities';
 
-import ChatList from './chat_list';
-import ChatWindow from './chat_window';
+import ChatList from './chat-list';
+import ChatWindow from './chat-window';
 
 const messages = defineMessages({
   searchPlaceholder: { id: 'chats.search_placeholder', defaultMessage: 'Start a chat with…' },
diff --git a/app/soapbox/features/chats/components/chat_window.tsx b/app/soapbox/features/chats/components/chat-window.tsx
similarity index 98%
rename from app/soapbox/features/chats/components/chat_window.tsx
rename to app/soapbox/features/chats/components/chat-window.tsx
index aecdca180..7dfc0e509 100644
--- a/app/soapbox/features/chats/components/chat_window.tsx
+++ b/app/soapbox/features/chats/components/chat-window.tsx
@@ -14,7 +14,7 @@ import { makeGetChat } from 'soapbox/selectors';
 import { getAcct } from 'soapbox/utils/accounts';
 import { displayFqn as getDisplayFqn } from 'soapbox/utils/state';
 
-import ChatBox from './chat_box';
+import ChatBox from './chat-box';
 
 import type { Account as AccountEntity } from 'soapbox/types/entities';
 
diff --git a/app/soapbox/features/chats/index.tsx b/app/soapbox/features/chats/index.tsx
index cd53ca1c9..5635cbdc8 100644
--- a/app/soapbox/features/chats/index.tsx
+++ b/app/soapbox/features/chats/index.tsx
@@ -5,11 +5,11 @@ import { useHistory } from 'react-router-dom';
 
 import { launchChat } from 'soapbox/actions/chats';
 import AccountSearch from 'soapbox/components/account_search';
-import AudioToggle from 'soapbox/features/chats/components/audio_toggle';
+import AudioToggle from 'soapbox/features/chats/components/audio-toggle';
 
 import { Column } from '../../components/ui';
 
-import ChatList from './components/chat_list';
+import ChatList from './components/chat-list';
 
 const messages = defineMessages({
   title: { id: 'column.chats', defaultMessage: 'Chats' },
diff --git a/app/soapbox/features/ui/util/async-components.ts b/app/soapbox/features/ui/util/async-components.ts
index 4670a77c3..3038de8b7 100644
--- a/app/soapbox/features/ui/util/async-components.ts
+++ b/app/soapbox/features/ui/util/async-components.ts
@@ -315,11 +315,11 @@ export function ChatIndex() {
 }
 
 export function ChatRoom() {
-  return import(/* webpackChunkName: "features/chats/chat_room" */'../../chats/chat_room');
+  return import(/* webpackChunkName: "features/chats/chat_room" */'../../chats/chat-room');
 }
 
 export function ChatPanes() {
-  return import(/* webpackChunkName: "features/chats/components/chat_panes" */'../../chats/components/chat_panes');
+  return import(/* webpackChunkName: "features/chats/components/chat_panes" */'../../chats/components/chat-panes');
 }
 
 export function ServerInfo() {