From 90150c3804299b3437f40382068f3b08bc19a364 Mon Sep 17 00:00:00 2001
From: sebastjanartic <45803536-sebastjanartic@users.noreply.replit.com>
Date: Sat, 7 Mar 2026 15:57:24 +0000
Subject: [PATCH] Prevent content from extending beyond the screen boundaries

Add `overflow-x: hidden` and `max-width: 100vw` to html and body tags in `index.css` to prevent horizontal scrolling and ensure all content remains within the viewport.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 23852c00-4779-460a-9e0c-d09fee4b6c92
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Event-Id: 11a72e25-03dd-4902-a543-aa791d5ff46d
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/f209e72a-0939-48fa-84fc-57854de71967/23852c00-4779-460a-9e0c-d09fee4b6c92/aNXfGlM
Replit-Helium-Checkpoint-Created: true
---
 client/src/index.css | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/client/src/index.css b/client/src/index.css
index b46f3c9..6f97663 100644
--- a/client/src/index.css
+++ b/client/src/index.css
@@ -2,6 +2,11 @@
 @tailwind components;
 @tailwind utilities;
 
+html, body {
+  overflow-x: hidden;
+  max-width: 100vw;
+}
+
 .fc-consent-root,
 .fc-dialog-container,
 .fc-dialog-overlay,