diff --git a/src/frontend/src/components/details/DetailsImage.tsx b/src/frontend/src/components/details/DetailsImage.tsx
index 9941ee87de..5c13e9c2bf 100644
--- a/src/frontend/src/components/details/DetailsImage.tsx
+++ b/src/frontend/src/components/details/DetailsImage.tsx
@@ -406,6 +406,10 @@ export function DetailsImage(props: Readonly<DetailImageProps>) {
   const { hovered, ref } = useHover();
   const [img, setImg] = useState<string>(props.src ?? backup_image);
 
+  useEffect(() => {
+    setImg(props.src ?? backup_image);
+  }, [props.src]);
+
   // Sets a new image, and triggers upstream instance refresh
   const setAndRefresh = (image: string) => {
     setImg(image);
diff --git a/src/frontend/src/states/PreviewDrawerState.tsx b/src/frontend/src/states/PreviewDrawerState.tsx
index aa837f0492..4a8793e6fe 100644
--- a/src/frontend/src/states/PreviewDrawerState.tsx
+++ b/src/frontend/src/states/PreviewDrawerState.tsx
@@ -35,7 +35,12 @@ export const usePreviewDrawerState = create<PreviewDrawerStateProps>()(
     },
 
     closePreview: () => {
-      set({ isOpen: false });
+      set({
+        isOpen: false,
+        instance: undefined,
+        id: undefined,
+        preview: undefined
+      });
     }
   })
 );