diff --git a/mattermost-plugin/webapp/loaders/globalScssClassLoader.js b/mattermost-plugin/webapp/loaders/globalScssClassLoader.js
index c955489ac..6295fc186 100644
--- a/mattermost-plugin/webapp/loaders/globalScssClassLoader.js
+++ b/mattermost-plugin/webapp/loaders/globalScssClassLoader.js
@@ -4,7 +4,7 @@
 function blockList(line) {
     return line.startsWith('.focalboard-body') ||
         line.startsWith('.GlobalHeaderComponent') ||
-        line.startsWith('.channel-header__icon .LogoIcon') ||
+        line.startsWith('.boards-rhs-icon') ||
         line.startsWith('.focalboard-plugin-root');
 }
 
diff --git a/mattermost-plugin/webapp/src/plugin.scss b/mattermost-plugin/webapp/src/plugin.scss
index e64ddbbf0..ae96c8c59 100644
--- a/mattermost-plugin/webapp/src/plugin.scss
+++ b/mattermost-plugin/webapp/src/plugin.scss
@@ -1,8 +1,5 @@
-.channel-header__icon .LogoIcon {
-    height: 24px;
-    font-size: 16px;
-    display: flex;
-    align-items: center;
+.boards-rhs-icon {
+    font-size: 20px;
 }
 
 .focalboard-body .feature-global-header>header {
diff --git a/webapp/src/widgets/icons/logo.tsx b/webapp/src/widgets/icons/logo.tsx
index a7bcafd5d..741386c32 100644
--- a/webapp/src/widgets/icons/logo.tsx
+++ b/webapp/src/widgets/icons/logo.tsx
@@ -10,7 +10,7 @@ export default function LogoIcon(): JSX.Element {
     return (
         <CompassIcon
             icon='product-boards'
-            className='LogoIcon'
+            className='boards-rhs-icon'
         />
     )
 }