diff --git a/packages/apps/src/SideBar/ChainInfo.tsx b/packages/apps/src/SideBar/ChainInfo.tsx
index f7e7533186..76bf8f5bd5 100644
--- a/packages/apps/src/SideBar/ChainInfo.tsx
+++ b/packages/apps/src/SideBar/ChainInfo.tsx
@@ -25,7 +25,7 @@ function ChainInfo ({ className = '', isToggled, onClick }: Props): React.ReactE
 
   return (
     <div
-      className={`apps--SideBar-logo ${className} ui--highlight--border`}
+      className={`apps--SideBar-logo${onClick ? ' isClickable' : ''} ${className} ui--highlight--border`}
       onClick={onClick}
     >
       <div className='apps--SideBar-logo-inner'>
@@ -51,10 +51,13 @@ function ChainInfo ({ className = '', isToggled, onClick }: Props): React.ReactE
 export default React.memo(styled(ChainInfo)`
   border-top: 0.5rem solid transparent;
   box-sizing: border-box;
-  cursor: pointer;
   padding: 0.75rem;
   margin: 0 0 0.5rem -1rem;
 
+  &.isClickable {
+    cursor: pointer;
+  }
+
   .apps--SideBar-logo-inner {
     display: flex;
     align-items: center;