diff --git a/src/app/globals.css b/src/app/globals.css
index 3e089dd..05f60ac 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -135,7 +135,7 @@
 
   to {
     opacity: 1;
-    transform: translateY(0) scale(1);
+    transform: none;
   }
 }
 
diff --git a/src/app/page.tsx b/src/app/page.tsx
index e40ed88..36f9b2e 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -276,7 +276,7 @@ export default function Home() {
                   </div>
                 </div>
 
-                <div className="ui-enter-delayed relative z-20 mb-6 flex flex-wrap items-center gap-2">
+                <div className="ui-enter-delayed relative z-30 mb-6 flex flex-wrap items-center gap-2">
                   {activePage.tags?.map((tag) => {
                     const colors = getTagColor(tag);
                     return (
diff --git a/src/components/editor/toolbar.tsx b/src/components/editor/toolbar.tsx
index ce9a9e4..abecdad 100644
--- a/src/components/editor/toolbar.tsx
+++ b/src/components/editor/toolbar.tsx
@@ -112,7 +112,7 @@ export function Toolbar({ editor, onToggleAI, onExport }: ToolbarProps) {
     ];
 
     return (
-        <div className="sticky top-0 z-20 -mx-1 mb-2 flex items-center gap-1 overflow-x-auto rounded-xl border border-border/60 bg-background/80 p-1 shadow-[0_1px_0_hsl(var(--border)/0.45),0_10px_20px_hsl(var(--background)/0.24)] backdrop-blur-md no-scrollbar supports-[backdrop-filter]:bg-background/68">
+        <div className="sticky top-0 z-10 -mx-1 mb-2 flex items-center gap-1 overflow-x-auto rounded-xl border border-border/60 bg-background/80 p-1 shadow-[0_1px_0_hsl(var(--border)/0.45),0_10px_20px_hsl(var(--background)/0.24)] backdrop-blur-md no-scrollbar supports-[backdrop-filter]:bg-background/68">
             {items.map((item, index) =>
                 item.divider ? (
                     <div key={index} className="mx-1 h-6 w-px bg-border/80" />