diff --git a/package.json b/package.json
index ca4cf686..49243051 100644
--- a/package.json
+++ b/package.json
@@ -70,7 +70,7 @@
     "@welshman/signer": "^0.8.4",
     "@welshman/store": "^0.8.4",
     "@welshman/util": "^0.8.4",
-    "compressorjs": "^1.2.1",
+    "compressorjs-next": "^1.1.2",
     "daisyui": "^4.12.24",
     "date-picker-svelte": "^2.17.0",
     "dotenv": "^16.6.1",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index d343e776..6658938e 100644
Binary files a/pnpm-lock.yaml and b/pnpm-lock.yaml differ
diff --git a/src/app/components/SpaceSearch.svelte b/src/app/components/SpaceSearch.svelte
index 8f24e474..c5557bcb 100644
--- a/src/app/components/SpaceSearch.svelte
+++ b/src/app/components/SpaceSearch.svelte
@@ -7,7 +7,6 @@
   import CloseCircle from "@assets/icons/close-circle.svg?dataurl"
   import Magnifier from "@assets/icons/magnifier.svg?dataurl"
   import {fly} from "@lib/transition"
-  import PageContent from "@lib/components/PageContent.svelte"
   import Button from "@lib/components/Button.svelte"
   import Icon from "@lib/components/Icon.svelte"
   import {deriveEventsForUrl} from "@app/core/state"
@@ -92,7 +91,7 @@
 
   const onRoomSearchResultClick = (event: TrustedEvent) => {
     close()
-    void goToEvent(event, {keepFocus: true})
+    goToEvent(event, {keepFocus: true})
   }
 </script>
 
diff --git a/src/lib/html.ts b/src/lib/html.ts
index cc8e1b4f..44552506 100644
--- a/src/lib/html.ts
+++ b/src/lib/html.ts
@@ -140,13 +140,13 @@ export const compressFile = async (
   file: File | Blob,
   options: Record<string, any> = {},
 ): Promise<File> => {
-  const {default: Compressor} = await import("compressorjs")
+  const {default: Compressor} = await import("compressorjs-next")
 
   return new Promise<File>((resolve, _reject) => {
     new Compressor(file, {
       maxWidth: 2048,
       maxHeight: 2048,
-      convertSize: 10 * 1024 * 1024,
+      convertTypes: ["image/png"],
       ...options,
       success: result => resolve(result as File),
       error: e => {