📏 Alignment fixes

src/client/components/Dashboard/Dashboard.tsx

@@ -67,6 +67,8 @@ 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} />}
@@ -77,6 +79,7 @@ export const Dashboard = (): ReactElement => {
         {/* 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">

src/client/components/shared/Navbar2.tsx

@@ -11,9 +11,10 @@ export const Navbar2 = (): ReactElement => {
   };
 
   return (
-    <header className="bg-white dark:bg-gray-900 gap-8 px-5 py-5 h-18 border-b-2 border-gray-300 dark:border-slate-200">
+    <header className="bg-white dark:bg-gray-900 border-b-2 border-gray-300 dark:border-slate-200">
+      <div className="container mx-auto px-4 sm:px-6 lg:px-8 py-5">
+        <div className="flex items-center gap-8">
           {/* Logo */}
-      <div className="mx-auto flex">
           <img src="/src/client/assets/img/threetwo.png" alt="ThreeTwo!" />
 
           {/* Main Navigation */}
@@ -123,6 +124,7 @@ export const Navbar2 = (): ReactElement => {
             </div>
           </div>
         </div>
+      </div>
     </header>
   );
 };