+3 -3

src/pages/discover/components/MediaCarousel.tsx

··· 305 305 return ( 306 306 <div> 307 307 <div className="flex items-center justify-between ml-2 md:ml-8 mt-2"> 308 308 - <div className="flex flex-col"> 308 308 + <div className="flex flex-col pl-2 md:pl-[68px]"> 309 309 <div className="flex items-center gap-4"> 310 310 - <h2 className="text-2xl cursor-default font-bold text-white md:text-2xl pl-5 text-balance"> 310 310 + <h2 className="text-2xl cursor-default font-bold text-white md:text-2xl pl-0 text-balance"> 311 311 {sectionTitle} 312 312 </h2> 313 313 {showRecommendations && ··· 398 398 <Link 399 399 to={generatedMoreLink} 400 400 onClick={handleMoreClick} 401 401 - className="flex px-5 items-center hover:text-type-link transition-colors" 401 401 + className="flex items-center hover:text-type-link transition-colors" 402 402 > 403 403 <span className="text-sm">{t("discover.carousel.more")}</span> 404 404 <Icon className="text-sm ml-1" icon={Icons.ARROW_RIGHT} />

+2 -2

src/pages/parts/home/BookmarksCarousel.tsx

··· 299 299 <UserIcon icon={icon} className="w-full h-full" /> 300 300 </span> 301 301 } 302 302 - className="ml-4 md:ml-12 mt-2 -mb-5" 302 302 + className="ml-4 md:ml-12 mt-2 -mb-5 md:pl-[48px]" 303 303 > 304 304 - <div className="mr-4 md:mr-8 flex items-center gap-2"> 304 304 + <div className="mr-4 md:mr-[48px] flex items-center gap-2"> 305 305 {editing && section.group && ( 306 306 <EditButtonWithText 307 307 editing={editing}

+2 -2

src/pages/parts/home/WatchingCarousel.tsx

··· 91 91 <SectionHeading 92 92 title={t("home.continueWatching.sectionTitle")} 93 93 icon={Icons.CLOCK} 94 94 - className="ml-2 md:ml-8 mt-2 -mb-5" 94 94 + className="ml-4 md:ml-12 mt-2 -mb-5 md:pl-[48px]" 95 95 > 96 96 - <div className="mr-6"> 96 96 + <div className="mr-4 md:mr-[48px]"> 97 97 <EditButton 98 98 editing={editing} 99 99 onEdit={setEditing}