From b7bfaee6a78b2513f7e5f0ed17954a7ceeb2d20b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Mateusz=20=C5=BB?= <zochowski.mateusz@outlook.com>
Date: Thu, 25 Dec 2025 19:39:36 +0100
Subject: [PATCH] fix vertical scroll on website (#10317)

---
 frontend/src/app/scripts/page.tsx | 22 ++++++++++------------
 1 file changed, 10 insertions(+), 12 deletions(-)

diff --git a/frontend/src/app/scripts/page.tsx b/frontend/src/app/scripts/page.tsx
index 906611216..f646ed932 100644
--- a/frontend/src/app/scripts/page.tsx
+++ b/frontend/src/app/scripts/page.tsx
@@ -39,7 +39,7 @@ function ScriptContent() {
 
   return (
     <div className="mb-3">
-      <div className="mt-20 flex sm:px-4 xl:px-0">
+      <div className="mt-20 flex gap-4 sm:px-4 xl:px-0">
         <div className="hidden sm:flex">
           <Sidebar
             items={links}
@@ -49,17 +49,15 @@ function ScriptContent() {
             setSelectedCategory={setSelectedCategory}
           />
         </div>
-        <div className="mx-4 w-full sm:mx-0 sm:ml-4">
-          {selectedScript && item
-            ? (
-                <ScriptItem item={item} setSelectedScript={setSelectedScript} />
-              )
-            : (
-                <div className="flex w-full flex-col gap-5">
-                  <LatestScripts items={links} />
-                  <MostViewedScripts items={links} />
-                </div>
-              )}
+        <div className="px-4 w-full sm:max-w-[calc(100%-350px-16px)]">
+          {selectedScript && item ? (
+            <ScriptItem item={item} setSelectedScript={setSelectedScript} />
+          ) : (
+            <div className="flex w-full flex-col gap-5">
+              <LatestScripts items={links} />
+              <MostViewedScripts items={links} />
+            </div>
+          )}
         </div>
       </div>
     </div>