diff --git a/frontend/react/src/ui/modals/login.tsx b/frontend/react/src/ui/modals/login.tsx
index 75d304e4..35e44cf6 100644
--- a/frontend/react/src/ui/modals/login.tsx
+++ b/frontend/react/src/ui/modals/login.tsx
@@ -33,9 +33,12 @@ export function LoginModal(props: {
                                     <div className="pt-1 text-gray-800 dark:text-gray-400 text-xs">Connect to</div>
                                     <div className="flex text-gray-800 dark:text-gray-200 text-md font-bold items-center justify-center gap-2">{window.location.toString()} </div>
                                 </div>
-                                <div className="flex flex-col items-start gap-2">
-                                    <h1 className="text-4xl text-gray-800 dark:text-white font-bold">DCS Olympus</h1>
-                                    <div className="flex gap-2 mb-2 select-none rounded-sm content-center text-green-700 dark:text-green-400 text-sm font-semibold"><FontAwesomeIcon icon={faCheckCircle} className="my-auto" />Version {VERSION}</div>
+                                <div className='flex flex-row gap-2 content-center items-center w-[100%]'>
+                                    <span className='size-[80px] min-w-14'><img src="..\public\images\olympus-500x500.png" className='flex w-full'></img></span>                                
+                                    <div className="flex flex-col items-start gap-1">
+                                    <h1 className="flex text-4xl text-gray-800 dark:text-white font-bold text-wrap">DCS Olympus</h1>
+                                    <div className="flex gap-2 select-none rounded-sm content-center text-green-700 dark:text-green-400 text-sm font-semibold"><FontAwesomeIcon icon={faCheckCircle} className="my-auto" />Version {VERSION}</div>
+                                </div>
                                 </div>
                                 {
                                     !props.loginError ?