diff --git a/frontend/src/hooks/useLogo.js b/frontend/src/hooks/useLogo.js
index 36cd64d67f7690debe9f138fd75588fd0b6816a9..622e19b59c7366da060ba237ca1a80c2b4eb1c13 100644
--- a/frontend/src/hooks/useLogo.js
+++ b/frontend/src/hooks/useLogo.js
@@ -12,7 +12,9 @@ export default function useLogo() {
     async function fetchInstanceLogo() {
       try {
         const logoURL = await System.fetchLogo(!prefersDarkMode);
-        setLogo(logoURL);
+        logoURL
+          ? setLogo(logoURL)
+          : setLogo(prefersDarkMode ? AnythingLLMLight : AnythingLLMDark);
       } catch (err) {
         setLogo(prefersDarkMode ? AnythingLLMLight : AnythingLLMDark);
         console.error("Failed to fetch logo:", err);