diff --git a/src/components/mod-tools/views/room/ModToolsChatlogView.tsx b/src/components/mod-tools/views/room/ModToolsChatlogView.tsx
index bbe21f7..2f2d684 100644
--- a/src/components/mod-tools/views/room/ModToolsChatlogView.tsx
+++ b/src/components/mod-tools/views/room/ModToolsChatlogView.tsx
@@ -1,5 +1,6 @@
 import { ChatRecordData, GetRoomChatlogMessageComposer, RoomChatlogEvent } from '@nitrots/nitro-renderer';
 import { FC } from 'react';
+import { FaSpinner } from 'react-icons/fa';
 import { LocalizeText } from '../../../../api';
 import { useNitroQuery } from '../../../../api/nitro-query';
 import { DraggableWindowPosition, NitroCardContentView, NitroCardHeaderView, NitroCardView } from '../../../../common';
@@ -24,13 +25,16 @@ export const ModToolsChatlogView: FC<ModToolsChatlogViewProps> = props =>
         enabled: roomId !== null
     });
 
-    if(!roomChatlog) return null;
-
     return (
         <NitroCardView className="nitro-mod-tools-chatlog min-w-[460px] max-w-[520px] max-h-[500px]" theme="primary-slim" windowPosition={ DraggableWindowPosition.TOP_LEFT }>
             <NitroCardHeaderView headerText={ LocalizeText('modtools.room.chatlog.title') } onCloseClick={ onCloseClick } />
             <NitroCardContentView className="text-black" gap={ 1 } overflow="auto">
-                <ChatlogView records={ [ roomChatlog ] } />
+                { roomChatlog
+                    ? <ChatlogView records={ [ roomChatlog ] } />
+                    : <div className="flex flex-col items-center justify-center gap-2 py-8 opacity-50 text-sm">
+                        <FaSpinner className="animate-spin" size={ 22 } />
+                        <span>{ LocalizeText('modtools.user.chatlog.loading') }</span>
+                    </div> }
             </NitroCardContentView>
         </NitroCardView>
     );