From e457bfd69ef03ae83734f92be28bceaf62e4ebd8 Mon Sep 17 00:00:00 2001
From: Linus Rath <139418639+rathlinus@users.noreply.github.com>
Date: Tue, 3 Nov 2026 05:45:41 +0100
Subject: [PATCH] fix: stop the file preview covering the whole settings page
 on short screens

---
 components/settings/files-settings.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/settings/files-settings.tsx b/components/settings/files-settings.tsx
index 93d4c6a57..15677473f 100644
--- a/components/settings/files-settings.tsx
+++ b/components/settings/files-settings.tsx
@@ -160,7 +160,7 @@ export function FilesSettingsComponent() {
 
   return (
     <div>
-      <div className="sticky top-0 z-10 bg-background pb-4 -mx-4 px-4 -mt-4 pt-4 lg:-mx-6 lg:px-6 lg:-mt-6 lg:pt-6 border-b border-border mb-6">
+      <div className="[@media(min-height:640px)]:sticky top-0 z-10 bg-background pb-4 -mx-4 px-4 -mt-4 pt-4 lg:-mx-6 lg:px-6 lg:-mt-6 lg:pt-6 border-b border-border mb-6">
         <p className="text-sm font-medium text-foreground mb-1">{t("preview.label")}</p>
         <FilesSettingsPreview settings={settings} />
       </div>