update scss

apps/app/src/components/Sidebar/AppTitle/AppTitle.module.scss

@@ -24,9 +24,12 @@
   }
 
   .grw-site-name {
-    max-width: 180px;
     cursor: default;
   }
+
+  .confidential-tooltip {
+    max-width: 180px;
+  }
 }
 
 

apps/app/src/components/Sidebar/AppTitle/AppTitle.tsx

@@ -35,7 +35,13 @@ const AppTitleSubstance = memo((props: Props): JSX.Element => {
           </span>
         </div>
       </div>
-      <UncontrolledTooltip className="d-none d-sm-block" data-testid="confidential-tooltip" placement="top" target="grw-site-name" fade={false}>
+      <UncontrolledTooltip
+        className="d-none d-sm-block confidential-tooltip"
+        data-testid="confidential-tooltip"
+        placement="top"
+        target="grw-site-name"
+        fade={false}
+      >
         {confidential}
       </UncontrolledTooltip>
     </div>