From 9a52aa4ed6445eba5103d3ee389182834e753a6f Mon Sep 17 00:00:00 2001
From: Arturo Silva <347490+artmsilva@users.noreply.github.com>
Date: Tue, 6 Jan 2026 00:16:46 -0500
Subject: [PATCH] Fix horizontal overflow on homepage by replacing w-screen
 with w-full

The w-screen class causes horizontal scrolling when OS scrollbars are set to
always display. This is because w-screen is 100vw, which doesn't account for
the scrollbar width. Changed to w-full which respects the container width.
---
 src/lib/EditableWebsite.svelte | 2 +-
 src/lib/Website.svelte         | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/lib/EditableWebsite.svelte b/src/lib/EditableWebsite.svelte
index 2b0f47f..61e4e16 100644
--- a/src/lib/EditableWebsite.svelte
+++ b/src/lib/EditableWebsite.svelte
@@ -205,7 +205,7 @@
 
 <div
 	class={[
-		'@container/wrapper relative w-screen',
+		'@container/wrapper relative w-full',
 		showingMobileView
 			? 'bg-base-50 dark:bg-base-950 my-4 min-h-[calc(100dhv-2em)] rounded-2xl lg:mx-auto lg:w-[400px]'
 			: ''
diff --git a/src/lib/Website.svelte b/src/lib/Website.svelte
index a27f9e8..4329fff 100644
--- a/src/lib/Website.svelte
+++ b/src/lib/Website.svelte
@@ -26,7 +26,7 @@
 	let container: HTMLDivElement | undefined = $state();
 </script>
 
-<div class="@container/wrapper relative w-screen">
+<div class="@container/wrapper relative w-full">
 	<Profile {handle} {did} {data} showEditButton={true} />
 
 	<div class="mx-auto max-w-2xl lg:grid lg:max-w-none lg:grid-cols-4 xl:grid-cols-3">
-- 
2.51.2