diff --git a/src/components/OHIFLogo/OHIFLogo.css b/src/components/OHIFLogo/OHIFLogo.css
index 34cd6510b..0b4feddc1 100644
--- a/src/components/OHIFLogo/OHIFLogo.css
+++ b/src/components/OHIFLogo/OHIFLogo.css
@@ -1,23 +1,27 @@
 .header-brand {
   height: 30px;
   text-decoration: none;
-  float: left;
-  clear: both;
+  text-decoration-color: none;
+
+  display: flex;
+  color: var(--text-primary-color);
+  font-size: 14px;
+  font-weight: var(--logo-font-weight);
+  font-family: var(--logo-font-family);
+}
+
+.header-brand:hover {
+  color: var(--text-primary-color);
+  text-decoration: none;
 }
 
 .header-logo-text {
-  display: inline-block;
-  font-family: var(--logo-font-family);
-  font-size: 14px;
-  font-weight: var(--logo-font-weight);
-  color: var(--text-primary-color);
   line-height: 30px;
+  margin-left: 8px;
 }
 
 .header-logo-image {
-  fill: transparent;
-  height: 100%;
-  margin: 0 8px 0 0;
+  height: 30px;
   width: 30px;
-  float: left;
+  font-size: 30px;
 }
diff --git a/src/components/OHIFLogo/OHIFLogo.js b/src/components/OHIFLogo/OHIFLogo.js
index d2df7eaad..fd55be090 100644
--- a/src/components/OHIFLogo/OHIFLogo.js
+++ b/src/components/OHIFLogo/OHIFLogo.js
@@ -1,7 +1,7 @@
-import React from 'react'
 import './OHIFLogo.css'
 
 import { Icon } from 'react-viewerbase'
+import React from 'react'
 
 function OHIFLogo() {
   return (
@@ -11,7 +11,7 @@ function OHIFLogo() {
       className="header-brand"
       href="http://ohif.org"
     >
-      <Icon name="ohif-log" className="header-logo-image" />
+      <Icon name="ohif-logo" className="header-logo-image" />
       <div className="header-logo-text">Open Health Imaging Foundation</div>
     </a>
   )