style adjustments

packages/app/src/components/Sidebar/Skeleton/CustomSidebarContentSkeleton.tsx

@@ -9,9 +9,8 @@ const CustomSidebarContentSkeleton = (): JSX.Element => {
 
   return (
     <div className={`p-3 grw-custom-sidebar-content ${customSidebarStyles['grw-custom-sidebar-content']}`}>
-      <Skeleton additionalClass={`${styles['grw-sidebar-skeleton-text-full']} my-3`} />
-      <Skeleton additionalClass={`${styles['grw-sidebar-skeleton-text-full']} my-3`} />
-      <Skeleton additionalClass={`${styles['grw-sidebar-skeleton-text-large']} my-3`} />
+      <Skeleton additionalClass={`${styles['grw-sidebar-skeleton-text-full']} mt-3`} />
+      <Skeleton additionalClass={`${styles['grw-sidebar-skeleton-text-full']} my-4`} />
     </div>
   );
 };

packages/app/src/components/Sidebar/Skeleton/TagContentSkeleton.tsx

@@ -8,9 +8,9 @@ import styles from './SidebarSkeleton.module.scss';
 const TagContentSkeleton = (): JSX.Element => {
 
   return (
-    <div className={`p-3 grw-custom-sidebar-content ${customSidebarStyles['grw-custom-sidebar-content']}`}>
-      <Skeleton additionalClass={`${styles['grw-sidebar-skeleton-text-full']} my-3`} />
-      <Skeleton additionalClass={`${styles['grw-sidebar-skeleton-text-full']} my-3`} />
+    <div className="grw-container-convertible">
+      <Skeleton additionalClass={`${styles['grw-sidebar-skeleton-text-full']} my-4`} />
+      <Skeleton additionalClass={`${styles['grw-sidebar-skeleton-text-full']} my-4`} />
     </div>
   );
 };