diff --git a/interface/app/$libraryId/Explorer/FilePath/Thumb.tsx b/interface/app/$libraryId/Explorer/FilePath/Thumb.tsx
index 6a76dd8b4..0f43d9464 100644
--- a/interface/app/$libraryId/Explorer/FilePath/Thumb.tsx
+++ b/interface/app/$libraryId/Explorer/FilePath/Thumb.tsx
@@ -259,10 +259,7 @@ const Thumbnail = forwardRef<HTMLImageElement, ThumbnailProps>(
 				<Image
 					{...props}
 					{...{
-						className: clsx(
-							className,
-							blackBarsStyle && size.width === 0 && 'invisible'
-						),
+						className: clsx(className, blackBars && size.width === 0 && 'invisible'),
 						style: { ...style, ...(blackBars ? blackBarsStyle : undefined) },
 						size,
 						ref
diff --git a/interface/app/$libraryId/Explorer/FilePath/utils.ts b/interface/app/$libraryId/Explorer/FilePath/utils.ts
index 2a15e489c..d742ea36e 100644
--- a/interface/app/$libraryId/Explorer/FilePath/utils.ts
+++ b/interface/app/$libraryId/Explorer/FilePath/utils.ts
@@ -12,11 +12,11 @@ export function useSize(ref: RefObject<Element>) {
 
 	useEffect(() => {
 		initialized.current = false;
-	}, [explorerSettings?.gridItemSize]);
+	}, [explorerSettings?.gridItemSize, explorerSettings?.listViewIconSize]);
 
 	useCallbackToWatchResize(
 		({ width, height }) => {
-			if (initialized.current) return;
+			if (initialized.current || (!width && !height)) return;
 			setSize({ width, height });
 			initialized.current = true;
 		},