fix channel profile img in header

ui/component/header/view.jsx

@@ -312,7 +312,10 @@ const Header = (props: Props) => {
                         <MenuButton
                           aria-label={__('Your account')}
                           title={__('Your account')}
-                          className="header__navigation-item menu__title header__navigation-item--icon"
+                          className={classnames('header__navigation-item', {
+                            'menu__title header__navigation-item--icon': !channelUrl,
+                            'header__navigation-item--profile-pic': channelUrl,
+                          })}
                           // @if TARGET='app'
                           onDoubleClick={e => {
                             e.stopPropagation();

ui/scss/component/_header.scss

@@ -108,6 +108,23 @@
   }
 }
 
+.header__navigation-item--profile-pic {
+  .channel-thumbnail {
+    height: var(--height-button);
+    width: var(--height-button);
+    margin-right: 0;
+    border-radius: calc(var(--height-button) / 2);
+
+    img {
+      border-radius: calc(var(--height-button) / 2);
+    }
+  }
+
+  &:hover {
+    opacity: 0.7;
+  }
+}
+
 .header__navigation-item--balance {
   @extend .button--link;
 }