diff --git a/apps/web/app/analyze-user/[login]/layout.tsx b/apps/web/app/analyze-user/[login]/layout.tsx
index a0c0ae5d53..03158262ce 100644
--- a/apps/web/app/analyze-user/[login]/layout.tsx
+++ b/apps/web/app/analyze-user/[login]/layout.tsx
@@ -9,13 +9,13 @@ export default function UserAnalyzeLayout ({ children }: { children: React.React
     <ScrollspyContextProvider>
       <div className="flex">
         <div className="flex w-full flex-col md:flex-row">
-          <aside className="hidden border-r border-[#2f3032] bg-[#242526] md:block md:w-[160px] md:flex-none md:min-h-[calc(100vh-var(--site-header-height))]">
+          <aside className="hidden border-r border-[#2f3032] bg-[#242526] md:block md:w-[300px] md:flex-none md:min-h-[calc(100vh-var(--site-header-height))]">
             <div className="sticky top-[var(--site-header-height)] h-full max-h-[calc(100vh-var(--site-header-height))] overflow-y-auto styled-scrollbar">
               <Navigation items={navItems} />
             </div>
           </aside>
           <main className="flex-1 block">
-            <div className="max-w-[1280px] px-6 pt-16 pb-0 md:px-8">{children}</div>
+            <div className="mx-auto max-w-[1600px] px-6 pt-16 pb-0 md:px-8 lg:px-12">{children}</div>
           </main>
         </div>
       </div>
diff --git a/apps/web/app/analyze-user/[login]/page.tsx b/apps/web/app/analyze-user/[login]/page.tsx
index c79fe2a0f5..194385345f 100644
--- a/apps/web/app/analyze-user/[login]/page.tsx
+++ b/apps/web/app/analyze-user/[login]/page.tsx
@@ -1,7 +1,6 @@
 import { fetchOwnerInfo } from '@/app/analyze/(org)/[owner]/fetchOwner';
 import AnalyzeOwnerContextProvider from '@/components/Context/Analyze/AnalyzeOwner';
 import { BreadcrumbListJsonLd, PersonJsonLd } from '@/components/json-ld';
-import { Breadcrumb } from '@/components/Breadcrumb';
 import { Metadata } from 'next';
 import UserAnalyzeContent from './content';
 
@@ -17,14 +16,7 @@ export default async function Page ({ params }: { params: Promise<{ login: strin
         { name: 'Analyze', url: '/analyze' },
         { name: displayName },
       ]} />
-      <div className="mx-auto max-w-[1280px] px-6 sm:px-8">
-        <Breadcrumb
-          items={[
-            { name: 'Analyze', href: '/analyze' },
-            { name: displayName },
-          ]}
-        />
-      </div>
+
       <PersonJsonLd
         name={displayName}
         login={data.login}
diff --git a/apps/web/app/analyze/(org)/[owner]/layout.tsx b/apps/web/app/analyze/(org)/[owner]/layout.tsx
index a07196be03..7139d29cb2 100644
--- a/apps/web/app/analyze/(org)/[owner]/layout.tsx
+++ b/apps/web/app/analyze/(org)/[owner]/layout.tsx
@@ -9,13 +9,13 @@ export default function UserOrgAnalyzeLayout ({ children }: { children: React.Re
     <ScrollspyContextProvider>
       <div className="flex">
         <div className="flex w-full flex-col md:flex-row">
-          <aside className="hidden border-r border-[#2f3032] bg-[#242526] md:block md:w-[160px] md:flex-none md:min-h-[calc(100vh-var(--site-header-height))]">
+          <aside className="hidden border-r border-[#2f3032] bg-[#242526] md:block md:w-[300px] md:flex-none md:min-h-[calc(100vh-var(--site-header-height))]">
             <div className="sticky top-[var(--site-header-height)] h-full max-h-[calc(100vh-var(--site-header-height))] overflow-y-auto styled-scrollbar">
               <Navigation items={navItems} />
             </div>
           </aside>
           <main className="flex-1 block">
-            <div className="max-w-[1280px] px-6 pt-16 pb-0 md:px-8">{children}</div>
+            <div className="mx-auto max-w-[1600px] px-6 pt-16 pb-0 md:px-8 lg:px-12">{children}</div>
           </main>
         </div>
       </div>
diff --git a/apps/web/app/analyze/(repo)/[owner]/[repo]/layout.tsx b/apps/web/app/analyze/(repo)/[owner]/[repo]/layout.tsx
index c0c852423a..d68dca0c11 100644
--- a/apps/web/app/analyze/(repo)/[owner]/[repo]/layout.tsx
+++ b/apps/web/app/analyze/(repo)/[owner]/[repo]/layout.tsx
@@ -9,13 +9,13 @@ export default function RepoAnalyzeLayout({ children }: { children: React.ReactN
     <ScrollspyContextProvider>
       <div className="flex">
         <div className="flex w-full flex-col md:flex-row">
-          <aside className="hidden border-r border-[#2f3032] bg-[#242526] md:block md:w-[160px] md:flex-none md:min-h-[calc(100vh-var(--site-header-height))]">
+          <aside className="hidden border-r border-[#2f3032] bg-[#242526] md:block md:w-[300px] md:flex-none md:min-h-[calc(100vh-var(--site-header-height))]">
             <div className="sticky top-[var(--site-header-height)] h-full max-h-[calc(100vh-var(--site-header-height))] overflow-y-auto styled-scrollbar">
               <Navigation items={navItems} />
             </div>
           </aside>
           <main className="flex-1 block">
-            <div className="max-w-[1280px] px-6 py-0 md:px-8">{children}</div>
+            <div className="mx-auto max-w-[1600px] px-6 py-0 md:px-8 lg:px-12">{children}</div>
           </main>
         </div>
       </div>
diff --git a/apps/web/app/analyze/(repo)/[owner]/[repo]/page.tsx b/apps/web/app/analyze/(repo)/[owner]/[repo]/page.tsx
index 3fc5418876..3a9f3a4bb1 100644
--- a/apps/web/app/analyze/(repo)/[owner]/[repo]/page.tsx
+++ b/apps/web/app/analyze/(repo)/[owner]/[repo]/page.tsx
@@ -2,7 +2,6 @@ import { Metadata } from 'next';
 import { redirect } from 'next/navigation';
 import { getRepoByName } from '@/lib/server/internal-api';
 import { BreadcrumbListJsonLd, SoftwareApplicationJsonLd, SoftwareSourceCodeJsonLd } from '@/components/json-ld';
-import { Breadcrumb } from '@/components/Breadcrumb';
 import ShareButtons from '@/components/ShareButtons';
 import RepoAnalyzePage from './content';
 
@@ -62,15 +61,7 @@ export default async function Page({ params, searchParams }: PageProps) {
         language={repoInfo.language}
         url={`/analyze/${owner}/${repo}`}
       />
-      <div className="mx-auto max-w-[1280px] px-6 sm:px-8">
-        <Breadcrumb
-          items={[
-            { name: 'Analyze', href: '/analyze' },
-            { name: owner, href: `/analyze/${owner}` },
-            { name: repo },
-          ]}
-        />
-      </div>
+
       <ShareButtons
         url={`/analyze/${owner}/${repo}`}
         title={`${owner}/${repo} — check the full analytics on OSSInsight`}
diff --git a/apps/web/app/collections/[slug]/content.tsx b/apps/web/app/collections/[slug]/content.tsx
index 2f436a3545..665cc5cfb0 100644
--- a/apps/web/app/collections/[slug]/content.tsx
+++ b/apps/web/app/collections/[slug]/content.tsx
@@ -247,14 +247,14 @@ function RankingTableSkeleton({ isMonthView }: { isMonthView: boolean }) {
       <LoadingSkeleton className="mx-auto h-4 w-52" />
 
       <div className="mt-4 overflow-x-auto">
-        <Table className="min-w-[860px] border-collapse">
+        <Table className="w-full min-w-[860px] border-collapse">
           <TableHeader className="[&_tr]:border-b-[#222]">
             <TableRow className="border-b border-[#222] hover:bg-transparent">
               <TableHead className="h-12 px-4"><LoadingSkeleton className="h-6 w-28" /></TableHead>
               {isMonthView && (
                 <TableHead className="h-12 px-4"><LoadingSkeleton className="h-6 w-28" /></TableHead>
               )}
-              <TableHead className="h-12 px-4"><LoadingSkeleton className="h-6 w-32" /></TableHead>
+              <TableHead className="h-12 px-4" style={{ width: '99%' }}><LoadingSkeleton className="h-6 w-32" /></TableHead>
               <TableHead className="h-12 px-4"><LoadingSkeleton className="h-6 w-24" /></TableHead>
               <TableHead className="h-12 px-4 text-right"><LoadingSkeleton className="ml-auto h-6 w-20" /></TableHead>
             </TableRow>
@@ -415,7 +415,7 @@ function MonthlyRankingSection({ collectionId, initialRankingData }: { collectio
           </div>
 
           <div className="mt-4 overflow-x-auto">
-            <Table className="min-w-[860px] border-collapse">
+            <Table className="w-full min-w-[860px] border-collapse">
               <TableHeader className="[&_tr]:border-b-[#222]">
                 <TableRow className="border-b border-[#222] hover:bg-transparent">
                   <TableHead className="h-12 px-4 text-[20px] font-bold text-white">
@@ -426,7 +426,7 @@ function MonthlyRankingSection({ collectionId, initialRankingData }: { collectio
                       {formatMonth(rows[0]?.last_month)}
                     </TableHead>
                   )}
-                  <TableHead className="h-12 px-4 text-[20px] font-bold text-white">Repository</TableHead>
+                  <TableHead className="h-12 px-4 text-[20px] font-bold text-white" style={{ width: '99%' }}>Repository</TableHead>
                   <TableHead className="h-12 px-4 text-[20px] font-bold text-white">
                     {activeMetric?.title}
                   </TableHead>
@@ -696,7 +696,7 @@ function HistoryRankSection({ collectionName, collectionId }: { collectionName:
 
 export function CollectionDetail({ collection, initialRankingData, faqItems }: { collection: Collection; initialRankingData?: CollectionQueryResponse<RankingRow> | null; faqItems?: { question: string; answer: string }[] }) {
   return (
-    <div className="mx-auto max-w-[1400px] px-6 py-8 sm:px-8 lg:px-12">
+    <div className="px-6 py-8 sm:px-8 lg:px-10">
       <Breadcrumb
         items={[
           { name: 'Collections', href: '/collections' },
diff --git a/apps/web/app/collections/[slug]/sidebar.tsx b/apps/web/app/collections/[slug]/sidebar.tsx
index 681cdeb0f2..7ce4006597 100644
--- a/apps/web/app/collections/[slug]/sidebar.tsx
+++ b/apps/web/app/collections/[slug]/sidebar.tsx
@@ -37,7 +37,7 @@ export function CollectionSidebar({
   return (
     <aside
       className="sticky top-[60px] hidden h-[calc(100vh-60px)] shrink-0 overflow-hidden border-r border-[#30313a] bg-transparent transition-all lg:block"
-      style={{ width: collapsed ? 30 : 300 }}
+      style={{ width: collapsed ? 30 : 380 }}
     >
       {collapsed ? (
         <button
diff --git a/apps/web/app/collections/content.tsx b/apps/web/app/collections/content.tsx
index 4e8202728f..18630900cf 100644
--- a/apps/web/app/collections/content.tsx
+++ b/apps/web/app/collections/content.tsx
@@ -386,7 +386,7 @@ export function CollectionsList({
   }, [previewItems]);
 
   return (
-    <div className="mx-auto max-w-[1280px] px-6 py-8 sm:px-8">
+    <div className="mx-auto max-w-[1600px] px-6 py-8 sm:px-8 lg:px-12">
       <h1 className="text-center text-[30px] font-semibold leading-none tracking-[-0.045em] text-[#f7f7f4] [text-shadow:0_1px_0_rgba(255,255,255,0.05),0_18px_34px_rgba(0,0,0,0.34)] sm:text-[36px] xl:text-[40px]">
         Explore Collections
       </h1>
diff --git a/apps/web/app/compare/[owner1]/[repo1]/[owner2]/[repo2]/layout.tsx b/apps/web/app/compare/[owner1]/[repo1]/[owner2]/[repo2]/layout.tsx
index c0c852423a..d68dca0c11 100644
--- a/apps/web/app/compare/[owner1]/[repo1]/[owner2]/[repo2]/layout.tsx
+++ b/apps/web/app/compare/[owner1]/[repo1]/[owner2]/[repo2]/layout.tsx
@@ -9,13 +9,13 @@ export default function RepoAnalyzeLayout({ children }: { children: React.ReactN
     <ScrollspyContextProvider>
       <div className="flex">
         <div className="flex w-full flex-col md:flex-row">
-          <aside className="hidden border-r border-[#2f3032] bg-[#242526] md:block md:w-[160px] md:flex-none md:min-h-[calc(100vh-var(--site-header-height))]">
+          <aside className="hidden border-r border-[#2f3032] bg-[#242526] md:block md:w-[300px] md:flex-none md:min-h-[calc(100vh-var(--site-header-height))]">
             <div className="sticky top-[var(--site-header-height)] h-full max-h-[calc(100vh-var(--site-header-height))] overflow-y-auto styled-scrollbar">
               <Navigation items={navItems} />
             </div>
           </aside>
           <main className="flex-1 block">
-            <div className="max-w-[1280px] px-6 py-0 md:px-8">{children}</div>
+            <div className="mx-auto max-w-[1600px] px-6 py-0 md:px-8 lg:px-12">{children}</div>
           </main>
         </div>
       </div>