fix: hot label positioning (#5033)

Author: rebelchris

packages/shared/src/components/HorizontalScroll/HorizontalScrollHeader.tsx

@@ -52,7 +52,7 @@ export function HorizontalScrollHeader({
   canScroll,
 }: HorizontalScrollHeaderProps): ReactElement {
   return (
-    <div className="mx-4 mb-4 flex min-h-10 w-auto flex-row items-center justify-between laptop:mx-0 laptop:w-full">
+    <div className="mx-4 flex min-h-10 w-auto flex-row items-center justify-between laptop:mx-0 laptop:w-full">
       <HorizontalScrollTitle {...title} />
       {canScroll && (
         <div className="hidden flex-row items-center gap-3 tablet:flex">

packages/shared/src/components/feeds/FeedContainer.tsx

@@ -318,7 +318,7 @@ export const FeedContainer = ({
                 !isLaptop && (isExplorePopular || isExploreLatest) && 'mt-4',
                 isSearch && !shouldUseListFeedLayout && !isAnyExplore && 'mt-8',
                 isHorizontal &&
-                  'no-scrollbar snap-x snap-mandatory grid-flow-col overflow-x-scroll scroll-smooth py-2',
+                  'no-scrollbar snap-x snap-mandatory grid-flow-col overflow-x-scroll scroll-smooth py-2 pt-5',
                 gapClass({
                   isList,
                   isFeedLayoutList: shouldUseListFeedLayout,