apply TagLabels skelton style

packages/app/src/components/Navbar/GrowiSubNavigation.tsx

@@ -14,6 +14,7 @@ import { Skelton } from '../Skelton';
 import DrawerToggler from './DrawerToggler';
 
 
+import TagLabelsStyle from '../Page/TagLabels.module.scss';
 import styles from './GrowiSubNavigation.module.scss';
 
 
@@ -37,7 +38,10 @@ type Props = {
 
 export const GrowiSubNavigation = (props: Props): JSX.Element => {
 
-  const TagLabels = dynamic(() => import('../Page/TagLabels'), { ssr: false, loading: () => <Skelton width={137} height={21.99} additionalClass='py-1' /> });
+  const TagLabels = dynamic(() => import('../Page/TagLabels'), {
+    ssr: false,
+    loading: () => <Skelton additionalClass={`${TagLabelsStyle['grw-tag-labels-skelton']} py-1`} />,
+  });
   const AuthorInfo = dynamic(() => import('./AuthorInfo'), { ssr: false, loading: () => <Skelton width={139} height={32.84} additionalClass='py-1' /> });
 
   const { data: editorMode } = useEditorMode();

packages/app/src/components/Page/TagLabels.module.scss

@@ -7,3 +7,9 @@
     border-radius: bs.$border-radius;
   }
 }
+
+
+.grw-tag-labels-skelton :global {
+  width: 137px;
+  height: 21.99px;
+}