diff --git a/components/LastedPosts.js b/components/LastedPosts.js
index 6b551fa7..88e1d4c6 100644
--- a/components/LastedPosts.js
+++ b/components/LastedPosts.js
@@ -21,7 +21,7 @@ const LastedPosts = ({ posts }) => {
 
   return <>
     <section
-      className='text-sm font-bold py-3 px-5 text-gray-600 dark:text-gray-400 dark:hover:bg-black duration-100 flex flex-nowrap align-middle'>
+      className='text-sm font-bold py-3 px-5 text-gray-600 dark:text-gray-400 duration-100 flex flex-nowrap align-middle'>
       <div className='w-32'>最近更新</div>
     </section>
     <div>
diff --git a/components/SideBar.js b/components/SideBar.js
index b3a9db30..781e8d1a 100644
--- a/components/SideBar.js
+++ b/components/SideBar.js
@@ -37,7 +37,7 @@ const SideBar = ({ tags, currentTag, post, posts }) => {
         {tags && (
           <div className='mt-2'>
             <section
-              className='text-sm font-bold py-3 px-5 text-gray-600 dark:text-gray-400 dark:hover:bg-black duration-100 flex flex-nowrap align-middle'>
+              className='text-sm font-bold py-3 px-5 text-gray-600 dark:text-gray-400 duration-100 flex flex-nowrap align-middle'>
               <div className='w-32'>标签</div>
             </section>
             <div className='px-5'>
diff --git a/pages/_app.js b/pages/_app.js
index 3387ac80..18688f55 100644
--- a/pages/_app.js
+++ b/pages/_app.js
@@ -2,13 +2,9 @@ import '@/styles/notion.css'
 import 'rc-dropdown/assets/index.css'
 import 'katex/dist/katex.min.css'
 import '@/styles/globals.css'
-import 'prismjs'
-import 'prismjs/themes/prism-okaidia.css'
-import 'prismjs/components/prism-markup'
-import 'prismjs/components/prism-python'
-import 'prismjs/components/prism-bash'
 import 'animate.css'
 import 'font-awesome/css/font-awesome.min.css'
+
 import BLOG from '@/blog.config'
 import dynamic from 'next/dynamic'
 import { LocaleProvider } from '@/lib/locale'
diff --git a/pages/article/[slug].js b/pages/article/[slug].js
index 0b54d117..ff0cf109 100644
--- a/pages/article/[slug].js
+++ b/pages/article/[slug].js
@@ -16,6 +16,14 @@ import BaseLayout from '@/layouts/BaseLayout'
 import { useRef } from 'react'
 import Custom404 from '@/pages/404'
 
+import 'prismjs/themes/prism-okaidia.css'
+import 'prismjs'
+import 'prismjs/components/prism-bash'
+import 'prismjs/components/prism-markup'
+import 'prismjs/components/prism-python'
+import 'prismjs/components/prism-javascript'
+import 'prismjs/components/prism-typescript'
+
 const mapPageUrl = id => {
   return 'https://www.notion.so/' + id.replace(/-/g, '')
 }
diff --git a/styles/notion.css b/styles/notion.css
index c727889a..6f2774ab 100644
--- a/styles/notion.css
+++ b/styles/notion.css
@@ -689,12 +689,12 @@ svg.notion-page-icon {
   width: 100%;
   padding: 30px 16px 30px 20px;
   margin: 4px 0;
-  border-radius: 3px;
+  border-radius: 10px;
   tab-size: 2;
   display: block;
   box-sizing: border-box;
   overflow: auto;
-  background: var(--bg-color-1);
+  background: #272822;
   font-family: SFMono-Regular, Consolas, 'Liberation Mono', Menlo, Courier,
     monospace;
 }