diff --git a/frontend/svelte/src/app.html b/frontend/svelte/src/app.html
index 7643ce1..2767694 100644
--- a/frontend/svelte/src/app.html
+++ b/frontend/svelte/src/app.html
@@ -2,7 +2,7 @@
 <html lang="en">
 	<head>
 		<meta charset="utf-8" />
-		<link rel="icon" href="./resources/logo2.svg" />
+		<link rel="icon" href="../src/resources/images/logo2.svg" />
 		<meta name="viewport" content="width=device-width" />
 		%sveltekit.head%
 	</head>
diff --git a/frontend/svelte/src/resources/logo1.svg b/frontend/svelte/src/resources/images/logo1.svg
similarity index 100%
rename from frontend/svelte/src/resources/logo1.svg
rename to frontend/svelte/src/resources/images/logo1.svg
diff --git a/frontend/svelte/src/resources/logo2.svg b/frontend/svelte/src/resources/images/logo2.svg
similarity index 94%
rename from frontend/svelte/src/resources/logo2.svg
rename to frontend/svelte/src/resources/images/logo2.svg
index 4ca5b22..b8bb37f 100644
--- a/frontend/svelte/src/resources/logo2.svg
+++ b/frontend/svelte/src/resources/images/logo2.svg
@@ -4,10 +4,11 @@
 <desc>Created with Fabric.js 4.2.0</desc>
 <defs>
 </defs>
+<rect x="0" y="0" width="100%" height="100%" fill="transparent"></rect>
 <g transform="matrix(1 0 0 1 540 540)" id="2b1d2205-5cf6-4a0b-ac8a-105a15017f71"  >
 </g>
 <g transform="matrix(1 0 0 1 540 540)" id="d061657c-7ba9-4cd0-aa75-59a301826e56"  >
-<rect style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-dashoffset: 0; stroke-linejoin: miter; stroke-miterlimit: 4; fill: rgb(255,255,255); fill-rule: nonzero; opacity: 1;" vector-effect="non-scaling-stroke"  x="-540" y="-540" rx="0" ry="0" width="1080" height="1080" />
+<rect style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-dashoffset: 0; stroke-linejoin: miter; stroke-miterlimit: 4; fill: rgb(255,255,255); fill-opacity: 0; fill-rule: nonzero; opacity: 1;" vector-effect="non-scaling-stroke"  x="-540" y="-540" rx="0" ry="0" width="1080" height="1080" />
 </g>
 <g transform="matrix(12.3 0 0 12.3 540.07 540.07)"  >
 <path style="stroke: rgb(255,244,148); stroke-width: 0; stroke-dasharray: none; stroke-linecap: butt; stroke-dashoffset: 0; stroke-linejoin: miter; stroke-miterlimit: 4; fill: rgb(224,201,0); fill-rule: nonzero; opacity: 1;" vector-effect="non-scaling-stroke"  transform=" translate(-50, -50)" d="M 50 92.875 C 26.358 92.875 7.125 73.642 7.125 50 C 7.125 26.358000000000004 26.358 7.125 50 7.125 C 73.642 7.125 92.875 26.358 92.875 50 C 92.875 73.642 73.642 92.875 50 92.875 z M 50 9.125 C 27.461 9.125 9.125 27.461 9.125 50 C 9.125 72.538 27.461 90.875 50 90.875 C 72.538 90.875 90.875 72.538 90.875 50 C 90.875 27.461 72.538 9.125 50 9.125 z" stroke-linecap="round" />
diff --git a/frontend/svelte/src/resources/logo3.svg b/frontend/svelte/src/resources/images/logo3.svg
similarity index 96%
rename from frontend/svelte/src/resources/logo3.svg
rename to frontend/svelte/src/resources/images/logo3.svg
index 8adf42c..2625767 100644
--- a/frontend/svelte/src/resources/logo3.svg
+++ b/frontend/svelte/src/resources/images/logo3.svg
@@ -8,7 +8,7 @@
 <g transform="matrix(1 0 0 1 540 540)" id="2b1d2205-5cf6-4a0b-ac8a-105a15017f71"  >
 </g>
 <g transform="matrix(1 0 0 1 540 540)" id="d061657c-7ba9-4cd0-aa75-59a301826e56"  >
-<rect style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-dashoffset: 0; stroke-linejoin: miter; stroke-miterlimit: 4; fill: rgb(255,255,255); fill-rule: nonzero; opacity: 1;" vector-effect="non-scaling-stroke"  x="-540" y="-540" rx="0" ry="0" width="1080" height="1080" />
+<rect style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-dashoffset: 0; stroke-linejoin: miter; stroke-miterlimit: 4; fill: rgb(255,255,255); fill-opacity: 0; fill-rule: nonzero; opacity: 1;" vector-effect="non-scaling-stroke"  x="-540" y="-540" rx="0" ry="0" width="1080" height="1080" />
 </g>
 <g transform="matrix(12.3 0 0 12.3 540.07 540.07)"  >
 <path style="stroke: rgb(255,244,148); stroke-width: 0; stroke-dasharray: none; stroke-linecap: butt; stroke-dashoffset: 0; stroke-linejoin: miter; stroke-miterlimit: 4; fill: rgb(224,201,0); fill-rule: nonzero; opacity: 1;" vector-effect="non-scaling-stroke"  transform=" translate(-50, -50)" d="M 50 92.875 C 26.358 92.875 7.125 73.642 7.125 50 C 7.125 26.358000000000004 26.358 7.125 50 7.125 C 73.642 7.125 92.875 26.358 92.875 50 C 92.875 73.642 73.642 92.875 50 92.875 z M 50 9.125 C 27.461 9.125 9.125 27.461 9.125 50 C 9.125 72.538 27.461 90.875 50 90.875 C 72.538 90.875 90.875 72.538 90.875 50 C 90.875 27.461 72.538 9.125 50 9.125 z" stroke-linecap="round" />
diff --git a/frontend/svelte/src/routes/login/+page.svelte b/frontend/svelte/src/routes/login/+page.svelte
index 34c603e..6f2b11b 100644
--- a/frontend/svelte/src/routes/login/+page.svelte
+++ b/frontend/svelte/src/routes/login/+page.svelte
@@ -3,6 +3,7 @@
     import type {Authentication} from "./models/authentication";
     import { SvelteToast } from '@zerodevx/svelte-toast'
     import {createErrorToast} from "../../models/customToasts";
+    import logo from "../../resources/images/logo2.svg";
 
     let user: string;
     let password: string;
@@ -61,7 +62,7 @@
 <body>
 <main class="form-signin w-100 m-auto">
 
-    <img class="mb-4" src="../../resources/logo3.svg" alt="Logo" width="72" height="57">
+    <img class="img-fluid" src="{logo}" alt="Logo">
     <h1 class="h3 mb-3 fw-normal">Please sign in</h1>
 
     <div class="form-floating">
