diff --git a/frontend/src/App.js b/frontend/src/App.js
index 616e9835..bed95cd7 100644
--- a/frontend/src/App.js
+++ b/frontend/src/App.js
@@ -172,7 +172,7 @@ const App = () => {
 
   return (
     <>
-    <Favicon url={ ((appLogoFavicon) ? getBackendURL()+"/public/" + theme.appLogoFavicon : defaultLogoFavicon ) } />
+    <Favicon url={ ((appLogoFavicon) ? JSON.parse(theme.appLogoFavicon) : defaultLogoFavicon ) } />
     <ColorModeContext.Provider value={{ colorMode }}>
       <ThemeProvider theme={theme}>
         <QueryClientProvider client={queryClient}>
diff --git a/frontend/src/components/NotificationsPopOver/index.js b/frontend/src/components/NotificationsPopOver/index.js
index b9f7ff60..b0a89d5d 100644
--- a/frontend/src/components/NotificationsPopOver/index.js
+++ b/frontend/src/components/NotificationsPopOver/index.js
@@ -224,7 +224,7 @@ const NotificationsPopOver = (props) => {
       <>
         <Favicon
           animated={true}
-          url={ (theme?.appLogoFavicon) ? theme.appLogoFavicon : defaultLogoFavicon }
+          url={ (theme?.appLogoFavicon) ? JSON.parse(theme.appLogoFavicon) : defaultLogoFavicon }
           alertCount={notifications.length}
           iconSize={195}
         />