diff --git a/src/viewmodels/room-list/RoomListHeaderViewModel.ts b/src/viewmodels/room-list/RoomListHeaderViewModel.ts
index 76e61504b5..fee0c954c3 100644
--- a/src/viewmodels/room-list/RoomListHeaderViewModel.ts
+++ b/src/viewmodels/room-list/RoomListHeaderViewModel.ts
@@ -189,8 +189,8 @@ export class RoomListHeaderViewModel
     public toggleMessagePreview = (): void => {
         PosthogTrackers.trackInteraction("WebRoomListMessagePreviewToggle");
 
-        const isMessagePreviewEnabled = SettingsStore.getValue("RoomList.showMessagePreview");
-        SettingsStore.setValue("RoomList.showMessagePreview", null, SettingLevel.DEVICE, !isMessagePreviewEnabled);
+        const isMessagePreviewEnabled = !SettingsStore.getValue("RoomList.showMessagePreview");
+        SettingsStore.setValue("RoomList.showMessagePreview", null, SettingLevel.DEVICE, isMessagePreviewEnabled);
         this.snapshot.merge({ isMessagePreviewEnabled });
     };
 }
diff --git a/test/viewmodels/room-list/RoomListHeaderViewModel-test.ts b/test/viewmodels/room-list/RoomListHeaderViewModel-test.ts
index ca96762fa8..5c73e6c8ef 100644
--- a/test/viewmodels/room-list/RoomListHeaderViewModel-test.ts
+++ b/test/viewmodels/room-list/RoomListHeaderViewModel-test.ts
@@ -293,6 +293,7 @@ describe("RoomListHeaderViewModel", () => {
             vm.toggleMessagePreview();
 
             expect(setValueSpy).toHaveBeenCalledWith("RoomList.showMessagePreview", null, expect.anything(), false);
+            expect(vm.getSnapshot().isMessagePreviewEnabled).toBe(false);
         });
     });
 });