diff --git a/src/assets/logos/Frame 43.png b/public/logos/Frame 43.png
similarity index 100%
rename from src/assets/logos/Frame 43.png
rename to public/logos/Frame 43.png
diff --git a/src/assets/logos/PowerOn Details.PNG b/public/logos/PowerOn Details.PNG
similarity index 100%
rename from src/assets/logos/PowerOn Details.PNG
rename to public/logos/PowerOn Details.PNG
diff --git a/src/assets/logos/PowerOn.png b/public/logos/PowerOn.png
similarity index 100%
rename from src/assets/logos/PowerOn.png
rename to public/logos/PowerOn.png
diff --git a/src/assets/logos/PowerOn_transparent.png b/public/logos/PowerOn_transparent.png
similarity index 100%
rename from src/assets/logos/PowerOn_transparent.png
rename to public/logos/PowerOn_transparent.png
diff --git a/src/components/Sidebar/Sidebar.tsx b/src/components/Sidebar/Sidebar.tsx
index 97fd34e..7ea3f1e 100644
--- a/src/components/Sidebar/Sidebar.tsx
+++ b/src/components/Sidebar/Sidebar.tsx
@@ -22,7 +22,7 @@ const Sidebar: React.FC<SidebarProps> = ({ data }) => {
     return (
         <div className={styles.sidebarContainer}>
             <div className={styles.logoContainer}>
-                <img src="..\..\..\src\assets\logos\PowerOn_transparent.png" alt="Logo" className={styles.logo} />
+                <img src="/logos/PowerOn_transparent.png" alt="Logo" className={styles.logo} />
             </div>
 
             <div>
diff --git a/src/pages/Login.tsx b/src/pages/Login.tsx
index 14ce531..aa176a3 100644
--- a/src/pages/Login.tsx
+++ b/src/pages/Login.tsx
@@ -3,8 +3,8 @@ import { loginRequest } from '../auth/authConfig';
 import { useNavigate, useLocation } from 'react-router-dom';
 import { useState, useEffect } from 'react';
 import styles from './Login.module.css';
-import agentDiagram from '../assets/logos/Frame 43.png';
-import logo from '../assets/logos/PowerOn.png';
+import agentDiagram from '/logos/Frame 43.png';
+import logo from '/logos/PowerOn.png';
 import { useAuth, useMsalAuth } from '../hooks/useAuthentication';
 
 function Login() {
diff --git a/src/pages/Register.tsx b/src/pages/Register.tsx
index f409af3..c77d10b 100644
--- a/src/pages/Register.tsx
+++ b/src/pages/Register.tsx
@@ -1,8 +1,8 @@
 import { useState } from 'react';
 import { useNavigate } from 'react-router-dom';
 import styles from './Register.module.css';
-import logo from '../assets/logos/PowerOn.png';
-import agentDiagram from '../assets/logos/Frame 43.png';
+import logo from '/logos/PowerOn.png';
+import agentDiagram from '/logos/Frame 43.png';
 import { useRegister, useMsalRegister } from '../hooks/useAuthentication';
 
 interface RegisterFormData {