text in header

src/components/ContainerComponents/Header/Header.tsx

@@ -54,10 +54,24 @@ const Header: React.FC<HeaderProps> = ({
       <div className="header-top">
         <div className="header-content">
           {textKey && (
-            <div className="header-text text-22-bold">{t(textKey)}</div>
+            <div
+              className={`header-text ${
+                screenType === ScreenType.MOBILE
+                  ? 'text-14-normal-uppercase'
+                  : 'text-22-bold'
+              }`}
+            >
+              {t(textKey)}
+            </div>
           )}
           {desktopTitleKey && (
-            <div className="header-text-desktop text-22-bold">
+            <div
+              className={`header-text-desktop ${
+                screenType === ScreenType.MOBILE
+                  ? 'text-14-normal-uppercase'
+                  : 'text-22-bold'
+              }`}
+            >
               {displayBackArrow && (
                 <StyledIconButton
                   className="cv-button"

src/components/ContainerComponents/ViewContainer/SingleFluidViewContainer.tsx

@@ -43,9 +43,6 @@ const SingleFluidViewContainer: React.FC<SingleFluidViewContainerProps> = ({
   const defineHeaderHeight = (height: number) => {
     setHeaderHeight(height)
   }
-  useEffect(() => {
-    console.log('chart', isChartLoading, 'in', isIndicatorsLoading)
-  }, [isChartLoading, isIndicatorsLoading])
 
   return (
     <>