diff --git a/src-tauri/tauri.conf.json b/src-tauri/tauri.conf.json
index b3fcbdaf..f29b4b19 100644
--- a/src-tauri/tauri.conf.json
+++ b/src-tauri/tauri.conf.json
@@ -41,7 +41,7 @@
     }
   },
   "productName": "MDX Editor",
-  "version": "0.9.6",
+  "version": "0.9.7",
   "identifier": "editor.runjs.cool",
   "plugins": {
     "updater": {
diff --git a/src/components/FileTree.tsx b/src/components/FileTree.tsx
index 632bdeb2..6540b431 100644
--- a/src/components/FileTree.tsx
+++ b/src/components/FileTree.tsx
@@ -562,15 +562,12 @@ title: ${file}
 
     return (
       <div className="relative w-full overflow-auto h-screen flex flex-col">
-        {isMacOS ? (
-          <div data-tauri-drag-region className="h-6" />
-        ) : (
-          <div data-tauri-drag-region className="h-[30px]" />
-        )}
         <div
           data-tauri-drag-region
           className={clsx(
-            'pb-3 px-3 bg-white dark:bg-gray-900 sticky top-0 left-0 z-10 border-b flex-none dark:shadow-highlight/4'
+            'pb-3 px-3 bg-white dark:bg-gray-900 sticky top-0 left-0 z-10 border-b flex-none dark:shadow-highlight/4',
+            isMacOS && 'pt-6',
+            !isMacOS && 'pt-[30px]'
           )}
         >
           <div className="h-9 flex items-center">
diff --git a/src/components/Header.js b/src/components/Header.js
index a760f61b..e56cde17 100644
--- a/src/components/Header.js
+++ b/src/components/Header.js
@@ -5,6 +5,7 @@ import React from 'react'
 import { Sun, MoonStar } from 'lucide-react'
 import { Button } from '@/components/ui/button'
 import TopBar from './TopBar'
+import { isMacOS } from './utils/file-tree-util'
 
 export default function Header({ children, logo }) {
   return (
@@ -13,7 +14,8 @@ export default function Header({ children, logo }) {
       <div
         data-tauri-drag-region
         className={clsx(
-          'relative top-0 z-20 flex-none pb-3 px-5 flex items-center justify-between antialiased select-none border-b dark:shadow-lg'
+          'relative top-0 z-20 flex-none pb-3 px-5 flex items-center justify-between antialiased select-none border-b dark:shadow-lg',
+          isMacOS && 'pt-6'
         )}
         style={{ fontFeatureSettings: '"cv02", "cv03", "cv04", "cv11"' }}
       >
diff --git a/src/components/TopBar.tsx b/src/components/TopBar.tsx
index 38fbd714..1c6e31ea 100644
--- a/src/components/TopBar.tsx
+++ b/src/components/TopBar.tsx
@@ -54,7 +54,7 @@ export function MdiClose(props: SVGProps<SVGSVGElement>) {
 }
 export default function TitleBar() {
   if (isMacOS) {
-    return <div data-tauri-drag-region className="h-6" />
+    return null
   }
   return (
     <div
diff --git a/src/lib/web.ts b/src/lib/web.ts.bak
similarity index 100%
rename from src/lib/web.ts
rename to src/lib/web.ts.bak