From eb9070966aa6a5b95fb5285d6519ec92fe8a7010 Mon Sep 17 00:00:00 2001
From: Rishi Ghan <rishi.ghan@gmail.com>
Date: Thu, 16 Apr 2026 11:42:44 -0400
Subject: [PATCH] Fixes to bleed-off in PullList

---
 src/app.css                                   | 4 ++++
 src/client/components/Dashboard/Dashboard.tsx | 2 +-
 src/client/components/Dashboard/PullList.tsx  | 2 +-
 src/client/components/shared/Navbar2.tsx      | 2 +-
 4 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/app.css b/src/app.css
index 35a4a9b..1b3fe25 100644
--- a/src/app.css
+++ b/src/app.css
@@ -1,6 +1,10 @@
 @import "tailwindcss";
 @config "../tailwind.config.ts";
 
+html, body {
+  overflow-x: hidden;
+}
+
 /* Custom Project Fonts */
 @font-face {
   font-family: "PP Object Sans Regular";
diff --git a/src/client/components/Dashboard/Dashboard.tsx b/src/client/components/Dashboard/Dashboard.tsx
index 5a40248..83b45a8 100644
--- a/src/client/components/Dashboard/Dashboard.tsx
+++ b/src/client/components/Dashboard/Dashboard.tsx
@@ -56,7 +56,7 @@ export const Dashboard = (): ReactElement => {
 
   return (
     <>
-      <div className="mx-auto max-w-screen-xl px-4 py-4 sm:px-6 sm:py-8 lg:px-8">
+      <div className="mx-auto max-w-7xl px-4 py-4 sm:px-6 sm:py-8 lg:px-8">
         <PullList />
         {recentComics.length > 0 && <RecentlyImported comics={recentComics} />}
         {/* Wanted comics */}
diff --git a/src/client/components/Dashboard/PullList.tsx b/src/client/components/Dashboard/PullList.tsx
index 051b2a6..92eb7e8 100644
--- a/src/client/components/Dashboard/PullList.tsx
+++ b/src/client/components/Dashboard/PullList.tsx
@@ -133,7 +133,7 @@ export const PullList = (): ReactElement => {
             />
           </div>
         </div>
-      <div className="w-lvw -mr-4 sm:-mr-6 lg:-mr-8">
+      <div className="mr-[calc(-1*(1rem+max(0px,(100vw-80rem)/2)))] sm:mr-[calc(-1*(1.5rem+max(0px,(100vw-80rem)/2)))] lg:mr-[calc(-1*(2rem+max(0px,(100vw-80rem)/2)))]">
         {isSuccess && !isLoading && (
           <div className="overflow-hidden" ref={emblaRef}>
             <div className="flex">
diff --git a/src/client/components/shared/Navbar2.tsx b/src/client/components/shared/Navbar2.tsx
index 12862c3..d710f68 100644
--- a/src/client/components/shared/Navbar2.tsx
+++ b/src/client/components/shared/Navbar2.tsx
@@ -12,7 +12,7 @@ export const Navbar2 = (): ReactElement => {
 
   return (
     <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="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-5">
         <div className="flex items-center gap-8">
           {/* Logo */}
           <img src="/src/client/assets/img/threetwo.png" alt="ThreeTwo!" />