restored className of header>h3

packages/app/src/components/Sidebar.module.scss

@@ -160,9 +160,6 @@
   }
 
   .grw-sidebar-content-header {
-    h3 {
-      margin-bottom: 0;
-    }
     .grw-btn-reload {
       font-size: 18px;
     }

packages/app/src/components/Sidebar/CustomSidebar.tsx

@@ -44,7 +44,7 @@ const CustomSidebar: FC = () => {
   return (
     <>
       <div className="grw-sidebar-content-header p-3 d-flex">
-        <h3>
+        <h3 className="mb-0">
           {t('CustomSidebar')}
           <Link href="/Sidebar"><a className="h6 ml-2"><i className="icon-pencil"></i></a></Link>
         </h3>

packages/app/src/components/Sidebar/PageTree.tsx

@@ -17,7 +17,7 @@ const PageTreeHeader = () => {
 
   return (
     <div className="grw-sidebar-content-header p-3">
-      <h3>{t('Page Tree')}</h3>
+      <h3 className="mb-0">{t('Page Tree')}</h3>
     </div>
   );
 };

packages/app/src/components/Sidebar/RecentChanges.tsx

@@ -161,7 +161,7 @@ const RecentChanges = (): JSX.Element => {
   return (
     <div data-testid="grw-recent-changes">
       <div className="grw-sidebar-content-header p-3 d-flex">
-        <h3 className="text-nowrap">{t('Recent Changes')}</h3>
+        <h3 className="mb-0 text-nowrap">{t('Recent Changes')}</h3>
         <SidebarHeaderReloadButton onClick={() => mutate()}/>
         <div className="d-flex align-items-center">
           <div className={`grw-recent-changes-resize-button ${styles['grw-recent-changes-resize-button']} custom-control custom-switch ml-1`}>

packages/app/src/components/Sidebar/Tag.tsx

@@ -45,7 +45,7 @@ const Tag: FC = () => {
   return (
     <div className="grw-container-convertible px-4 mb-5 pb-5" data-testid="grw-sidebar-content-tags">
       <div className="grw-sidebar-content-header py-3 d-flex">
-        <h3>{t('Tags')}</h3>
+        <h3 className="mb-0">{t('Tags')}</h3>
         <SidebarHeaderReloadButton onClick={() => onReload()}/>
       </div>