From 990f61fb72baec0f74ea764a32a94e646acc0087 Mon Sep 17 00:00:00 2001
From: Huang Xin <chrox.huang@gmail.com>
Date: Sun, 5 Jan 2025 20:11:23 +0100
Subject: [PATCH] Fix layout issues on Windows (#113)

---
 .../src/app/reader/components/settings/SettingsDialog.tsx       | 2 +-
 apps/readest-app/src/styles/globals.css                         | 1 +
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/apps/readest-app/src/app/reader/components/settings/SettingsDialog.tsx b/apps/readest-app/src/app/reader/components/settings/SettingsDialog.tsx
index 28367559..cc0763e9 100644
--- a/apps/readest-app/src/app/reader/components/settings/SettingsDialog.tsx
+++ b/apps/readest-app/src/app/reader/components/settings/SettingsDialog.tsx
@@ -73,7 +73,7 @@ const SettingsDialog: React.FC<{ bookKey: string; config: BookConfig }> = ({ boo
           </div>
           <div className='flex h-full items-center justify-end'>
             <Dropdown
-              className='dropdown-bottom dropdown-end absolute right-[7%]'
+              className='dropdown-bottom dropdown-end'
               buttonClassName='btn btn-ghost h-8 min-h-8 w-8 p-0'
               toggleButton={<PiDotsThreeVerticalBold size={16} />}
             >
diff --git a/apps/readest-app/src/styles/globals.css b/apps/readest-app/src/styles/globals.css
index 5524c1fd..b80eddd0 100644
--- a/apps/readest-app/src/styles/globals.css
+++ b/apps/readest-app/src/styles/globals.css
@@ -6,6 +6,7 @@
   --background: #ffffff;
   --foreground: #171717;
   border-radius: 10px;
+  scrollbar-gutter: auto !important;
 }
 
 @media (prefers-color-scheme: dark) {