diff --git a/ui/component/logo/view.jsx b/ui/component/logo/view.jsx
index 21bfe28d9..597723350 100644
--- a/ui/component/logo/view.jsx
+++ b/ui/component/logo/view.jsx
@@ -15,8 +15,8 @@ export default function Logo(props: Props) {
   const isMobile = useIsMobile();
   const defaultWithLabel = (
     <>
-      <label>{LOGO_TITLE}</label>
       <Icon icon={ICONS.LBRY} />
+      <div className={'button__label'}>{LOGO_TITLE}</div>
     </>
   );
 
diff --git a/ui/scss/component/_header.scss b/ui/scss/component/_header.scss
index 0c1d0fbd8..c7fbb3591 100644
--- a/ui/scss/component/_header.scss
+++ b/ui/scss/component/_header.scss
@@ -58,7 +58,6 @@
   justify-content: center;
   align-items: center;
   border-radius: var(--border-radius);
-  color: var(--color-text);
   position: relative;
   font-weight: var(--font-weight-bold);
 
@@ -132,6 +131,7 @@
   align-items: center;
   margin-left: var(--spacing-m);
   margin-right: var(--spacing-m);
+  color: var(--color-text);
   // move to lbry theme?
   .lbry-icon {
     height: var(--height-button);