Collapse expand

src/components/HeroSection/FavoriteRoadmaps.tsx

@@ -146,7 +146,7 @@ export function FavoriteRoadmaps(props: FavoriteRoadmapsProps) {
           completedProjects.length > 0 && (
             <button
               onClick={() => setShowCompleted(!showCompleted)}
-              className="flex items-center gap-2 rounded-md px-2 py-1 text-xs text-slate-400 hover:text-slate-300"
+              className="flex items-center gap-2 rounded-md text-xs text-slate-400 hover:text-slate-300"
             >
               {showCompleted ? (
                 <EyeOff className="h-3.5 w-3.5" />

src/components/HeroSection/HeroItemsGroup.tsx

@@ -41,9 +41,9 @@ export function HeroItemsGroup(props: HeroItemsGroupProps) {
           icon={icon}
           isLoading={isLoading}
           title={title}
-          rightContent={rightContent}
+          rightContent={!isCollapsed && rightContent}
         />
-        {!isLoading && !isAllCollapsed && (
+        {!isCollapsed && (
           <div className="mt-3 grid grid-cols-1 gap-2 sm:grid-cols-2 md:grid-cols-3">
             {children}
           </div>