diff --git a/src/app/[lang]/Menu.tsx b/src/app/[lang]/Menu.tsx
index 55e3f0e..f993928 100644
--- a/src/app/[lang]/Menu.tsx
+++ b/src/app/[lang]/Menu.tsx
@@ -38,14 +38,14 @@ function Menu({ menu }: MenuProps) {
               href={href}
               className={cn(
                 'relative block p-3 text-xl leading-none no-underline',
-                'text-zinc-700 transition-colors hover:text-primary-500 dark:text-zinc-300 dark:hover:text-primary-500',
+                'text-zinc-700 hover:text-primary-500 dark:text-zinc-300 dark:hover:text-primary-500',
                 activeLinkIndex === index &&
                   'fluorescent-text text-primary-500 dark:text-primary-500'
               )}
             >
               {text}
               {activeLinkIndex === index && (
-                <span className="absolute bottom-0 left-0 h-px w-full translate-y-1/2 bg-gradient-to-l from-transparent from-15% via-primary-500 to-transparent to-85%" />
+                <span className="absolute inset-x-2 bottom-0 h-px translate-y-1/2 bg-gradient-to-l from-transparent via-primary-500 to-transparent" />
               )}
             </Link>
           </li>
diff --git a/src/app/[lang]/posts/[postId]/page.tsx b/src/app/[lang]/posts/[postId]/page.tsx
index f94ee8d..164ff32 100644
--- a/src/app/[lang]/posts/[postId]/page.tsx
+++ b/src/app/[lang]/posts/[postId]/page.tsx
@@ -48,7 +48,7 @@ async function PostPage({ params: { postId } }: PostParams) {
       <Container as="main" className="mx-2 block py-8 lg:flex lg:px-2">
         <aside className="hidden w-40 shrink-0 lg:block xl:w-60">
           <nav className="sticky top-[var(--header-height)] px-4">
-            <h4 className="my-3 text-lg font-semibold text-gray-900 transition-colors dark:text-gray-100">
+            <h4 className="my-3 text-lg font-semibold text-gray-900 dark:text-gray-100">
               目錄
             </h4>
             <TableOfContents source={source} />
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index cb4efed..be79f2a 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -23,8 +23,8 @@ function HtmlLayout({ children }: React.PropsWithChildren) {
   return (
     <Html>
       <body>
-        <div className="lattice fixed inset-x-0 top-0 -z-50 h-screen transition-colors">
-          <Container className="h-screen border-x-2 border-zinc-500/5 bg-zinc-100/70 transition-colors dark:bg-zinc-900/70" />
+        <div className="lattice fixed inset-x-0 top-0 -z-50 h-screen">
+          <Container className="h-screen border-x-2 border-zinc-500/5 bg-zinc-100/70 dark:bg-zinc-900/70" />
         </div>
         <Providers>{children}</Providers>
       </body>
diff --git a/src/components/TableOfContents/TableOfContents.tsx b/src/components/TableOfContents/TableOfContents.tsx
index 2376680..7aefcd5 100644
--- a/src/components/TableOfContents/TableOfContents.tsx
+++ b/src/components/TableOfContents/TableOfContents.tsx
@@ -53,7 +53,7 @@ function TableOfContents({ source }: TableOfContentsProps) {
               href={`#${heading.id}`}
               title={heading.text}
               className={cn(
-                'mb-0.5 block overflow-hidden text-ellipsis whitespace-nowrap text-left text-sm transition-colors hover:underline',
+                'mb-0.5 block overflow-hidden text-ellipsis whitespace-nowrap text-left text-sm hover:underline',
                 heading.id === activeId
                   ? 'font-medium text-primary-500 hover:text-primary-600 dark:hover:text-primary-400'
                   : 'font-normal text-gray-500 hover:text-gray-800 dark:text-gray-400 dark:hover:text-gray-200',
