📏 Alignment fixes

src/client/components/Dashboard/Dashboard.tsx

@@ -67,16 +67,19 @@ export const Dashboard = (): ReactElement => {
   });
 
   return (
-    <div className="container mx-auto px-4 sm:px-6 lg:px-8">
-      <PullList />
-      {recentComics && <RecentlyImported comics={recentComics?.data.docs} />}
-      {/* Wanted comics */}
-      <WantedComicsList comics={wantedComics?.data?.docs} />
-      {/* Library Statistics */}
-      {statistics && <LibraryStatistics stats={statistics?.data} />}
-      {/* Volume groups */}
-      <VolumeGroups volumeGroups={volumeGroups?.data} />
-    </div>
+    <>
+      
+      <div className="container mx-auto px-4 sm:px-6 lg:px-8">
+        <PullList />
+        {recentComics && <RecentlyImported comics={recentComics?.data.docs} />}
+        {/* Wanted comics */}
+        <WantedComicsList comics={wantedComics?.data?.docs} />
+        {/* Library Statistics */}
+        {statistics && <LibraryStatistics stats={statistics?.data} />}
+        {/* Volume groups */}
+        <VolumeGroups volumeGroups={volumeGroups?.data} />
+      </div>
+    </>
   );
 };
 

src/client/components/Dashboard/PullList.tsx

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