diff --git a/index.html b/index.html
index dfbeaaa..bcf79f2 100644
--- a/index.html
+++ b/index.html
@@ -90,11 +90,12 @@
 		<span id="electronDragZone" style="pointer-events: none; z-index:-10; position:absolute;top:0;left:0;width:100%;height:2%;-webkit-app-region: drag;min-height:20px;"></span>
 		<div id="header">
 			
-			<a id="logo" href="./" target="_self">
-				<img src="./media/logo_cropped_512.png" width="50" height="50" alt="logo" />
+			<a id="logoname" href="./" style="text-decoration: none; color: white; margin: 0 2px 0px 8px;">
+				<span data-translate="logo-header">
+					<span id="qos">V</span>DO.Ninja 
+				</span>
 			</a>
 
-
 			<div id="head1">
 				<input type="text" autocorrect="off" autocapitalize="none" id="joinroomID" name="joinroomID" size="22" placeholder="Enter by room name" alt="Enter a room name to join" title="Enter a room name to quick join" onkeyup="jumptoroom(event)"/>
 
diff --git a/main.css b/main.css
index 0ed5306..3ea4ba9 100644
--- a/main.css
+++ b/main.css
@@ -469,11 +469,6 @@ button.hint {
   font-weight: 700;
 }
 
-#logo {
-  margin-right: auto;
-  margin-left: 4%;
-}
-
 #overlayClockContainer {
   margin: 0 auto;
   background-color: #0000;
@@ -1437,7 +1432,7 @@ button.btnArmTransferRoom.selected {
 }
 @media only screen and (max-height: 400px) {
   #logoname {
-    display: inline-block;
+    display: none;
   }
   #head4 {
     display: none;
@@ -2129,6 +2124,8 @@ div#chatBody a {
     font-size: 75% !important;
   }
   #logoname {
+    margin-right: auto;
+    margin-left: 4%;
     font-size: 100%;
   }
   .column {