🔨 Fixes for RecentlyImported Section

src/client/components/Dashboard/Dashboard.tsx

@@ -69,7 +69,7 @@ export const Dashboard = (): ReactElement => {
   return (
     <>
       
-      <div className="container mx-auto px-4 sm:px-6 lg:px-8">
+      <div className="mx-auto max-w-screen-xl px-4 py-4 sm:px-6 sm:py-8 lg:px-8">
         <PullList />
         {recentComics && <RecentlyImported comics={recentComics?.data.docs} />}
         {/* Wanted comics */}

src/client/components/Dashboard/PullList.tsx

@@ -142,7 +142,7 @@ export const PullList = (): ReactElement => {
             />
           </div>
         </div>
-      <div className="w-lvw -mr-4 sm:-mr-6 lg:-mr-8 mt-3">
+      <div className="w-lvw -mr-4 sm:-mr-6 lg:-mr-8">
         {isSuccess && !isLoading && (
           <div className="overflow-hidden" ref={emblaRef}>
             <div className="flex">

src/client/components/Dashboard/RecentlyImported.tsx

@@ -36,7 +36,7 @@ export const RecentlyImported = (
         subHeaderContent="Recent Library activity such as imports, tagging, etc."
         iconClassNames="fa-solid fa-binoculars mr-2"
       />
-      <div className="overflow-hidden -mr-4 sm:-mr-8 lg:-mr-16 xl:-mr-20 2xl:-mr-24 mt-3">
+      <div className="-mr-10 sm:-mr-17 lg:-mr-29 xl:-mr-36 2xl:-mr-42 mt-3">
         <div className="overflow-hidden" ref={emblaRef}>
           <div className="flex">
             {comics?.comics.map(