diff --git a/src/frontend/containers/ContentView/SlideMode/index.tsx b/src/frontend/containers/ContentView/SlideMode/index.tsx
index a9f9a213..d0069415 100644
--- a/src/frontend/containers/ContentView/SlideMode/index.tsx
+++ b/src/frontend/containers/ContentView/SlideMode/index.tsx
@@ -14,6 +14,7 @@ import { CommandDispatcher } from '../Commands';
 import { ContentRect } from '../utils';
 import ZoomPan, { CONTAINER_DEFAULT_STYLE, SlideTransform } from '../SlideMode/ZoomPan';
 import { createDimension, createTransform, Vec2 } from './utils';
+import { UpscaleMode } from 'src/frontend/stores/UiStore';
 
 const SlideMode = observer(({ contentRect }: { contentRect: ContentRect }) => {
   const { uiStore } = useStore();
@@ -177,6 +178,7 @@ const SlideView = observer(({ width, height }: SlideViewProps) => {
           transitionStart={transitionStart}
           transitionEnd={uiStore.isSlideMode ? undefined : transitionStart}
           onClose={uiStore.disableSlideMode}
+          upscaleMode={uiStore.upscaleMode}
         />
       )}
       <NavigationButtons
@@ -197,6 +199,7 @@ interface ZoomableImageProps {
   transitionStart?: SlideTransform;
   transitionEnd?: SlideTransform;
   onClose: () => void;
+  upscaleMode: UpscaleMode;
 }
 
 const ZoomableImage: React.FC<ZoomableImageProps> = ({
@@ -207,8 +210,9 @@ const ZoomableImage: React.FC<ZoomableImageProps> = ({
   transitionStart,
   transitionEnd,
   onClose,
+  upscaleMode,
 }: ZoomableImageProps) => {
-  const { imageLoader, uiStore } = useStore();
+  const { imageLoader } = useStore();
   const { absolutePath, width: imgWidth, height: imgHeight } = file;
   // Image src can be set asynchronously: keep track of it in a state
   // Needed for image formats not natively supported by the browser (e.g. tiff): will be converted to another format
@@ -277,7 +281,7 @@ const ZoomableImage: React.FC<ZoomableImageProps> = ({
         transitionStart={transitionStart}
         transitionEnd={transitionEnd}
         onClose={onClose}
-        upscaleMode={uiStore.upscaleMode}
+        upscaleMode={upscaleMode}
       >
         {(props) => (
           <img
diff --git a/src/frontend/containers/ContentView/menu-items.tsx b/src/frontend/containers/ContentView/menu-items.tsx
index ee8f3231..78d2cc0a 100644
--- a/src/frontend/containers/ContentView/menu-items.tsx
+++ b/src/frontend/containers/ContentView/menu-items.tsx
@@ -12,7 +12,7 @@ import {
 import { ClientTag } from 'src/entities/Tag';
 import { useStore } from 'src/frontend/contexts/StoreContext';
 import { IconSet } from 'widgets';
-import { MenuItem, MenuSubItem } from 'widgets/menus';
+import { MenuItem, MenuRadioItem, MenuSubItem } from 'widgets/menus';
 import { LocationTreeItemRevealer } from '../Outliner/LocationsPanel';
 import { TagsTreeItemRevealer } from '../Outliner/TagsPanel/TagsTree';
 import SysPath from 'path';
@@ -160,7 +160,7 @@ export const FileViewerMenuItems = ({ file }: { file: ClientFile }) => {
   );
 };
 
-export const SlideFileViewerMenuItems = ({ file }: { file: ClientFile }) => {
+export const SlideFileViewerMenuItems = observer(({ file }: { file: ClientFile }) => {
   const { uiStore } = useStore();
 
   const handlePreviewWindow = () => {
@@ -175,9 +175,22 @@ export const SlideFileViewerMenuItems = ({ file }: { file: ClientFile }) => {
         text="Open In Preview Window"
         icon={IconSet.PREVIEW}
       />
+
+      <MenuSubItem text="Upscale filtering..." icon={IconSet.VIEW_GRID}>
+        <MenuRadioItem
+          onClick={uiStore.setUpscaleModeSmooth}
+          checked={uiStore.upscaleMode === 'smooth'}
+          text="Smooth"
+        />
+        <MenuRadioItem
+          onClick={uiStore.setUpscaleModePixelated}
+          checked={uiStore.upscaleMode === 'pixelated'}
+          text="Pixelated"
+        />
+      </MenuSubItem>
     </>
   );
-};
+});
 
 export const ExternalAppMenuItems = observer(({ file }: { file: ClientFile }) => {
   const { uiStore } = useStore();