diff --git a/src/core/App.tsx b/src/core/App.tsx
index 2fa032fa8f..86af8b39e6 100644
--- a/src/core/App.tsx
+++ b/src/core/App.tsx
@@ -28,6 +28,10 @@ import "@ionic/react/css/palettes/dark.class.css";
 
 // CSS imports
 import "./syntaxHighlights.css";
+
+// PhotoSwipe (before global overrides)
+import "photoswipe/style.css";
+
 // Global CSS overrides
 import "./globalCssOverrides.css";
 
diff --git a/src/features/media/gallery/GalleryProvider.tsx b/src/features/media/gallery/GalleryProvider.tsx
index 0b53fd4a6e..13ecc79bae 100644
--- a/src/features/media/gallery/GalleryProvider.tsx
+++ b/src/features/media/gallery/GalleryProvider.tsx
@@ -3,7 +3,6 @@ import { compact, noop } from "es-toolkit";
 import { PostView } from "lemmy-js-client";
 import type { PreparedPhotoSwipeOptions, ZoomLevelOption } from "photoswipe";
 import PhotoSwipeLightbox from "photoswipe/lightbox";
-import "photoswipe/style.css";
 import React, {
   ComponentRef,
   createContext,