diff --git a/src/app/article/components/Comment/Component/List/index.scss b/src/app/article/components/Comment/Component/List/index.scss
index 960e181..4f0beb0 100644
--- a/src/app/article/components/Comment/Component/List/index.scss
+++ b/src/app/article/components/Comment/Component/List/index.scss
@@ -39,14 +39,14 @@
                 border-radius: $round;
 
                 .reply {
-                    right: 1%;
+                    right: 2%;
                 }
             }
 
             // 回复按钮布局
             .reply {
                 position: absolute;
-                right: -11%;
+                right: -15%;
                 padding: 5px 10px;
                 font-size: 20px;
                 cursor: pointer;
diff --git a/src/components/Footer/index.tsx b/src/components/Footer/index.tsx
index 4ebe08e..dfb1683 100644
--- a/src/components/Footer/index.tsx
+++ b/src/components/Footer/index.tsx
@@ -6,7 +6,7 @@ export default () => {
     <>
       <div className="flex justify-center items-center mt-8 bg-white dark:bg-black-b border-t dark:border-black-b h-32 sm:h-36 xl:h-40 py-5 px-10 transition-colors">
         <Image src={avatar} alt='作者头像' className='w-24 h-24 rounded-full mr-8 avatar-animation shadow-[5px_11px_50px_40px_rgba(255,255,255,0.1)]' />
-        <h2 className="w-[90%] xl:w-3/6 text-sm sm:text-base dark:text-[#8c9ab1]">一直对网站开发领域很感兴趣，从小就希望有一个属于自己的网站，在17年时候成功进入站长圈，并通过各种自学，以及各种折腾，才有了你现在看到的这个网站</h2>
+        <h2 className="w-[90%] xl:w-3/6 text-sm sm:text-base dark:text-[#8c9ab1] line-clamp-4">一直对网站开发领域很感兴趣，从小就希望有一个属于自己的网站，在17年时候成功进入站长圈，并通过各种自学，以及各种折腾，才有了你现在看到的这个网站</h2>
       </div>
     </>
   )
diff --git a/src/components/Header/component/SidebarNav/index.tsx b/src/components/Header/component/SidebarNav/index.tsx
index 6a5a88a..28c366d 100644
--- a/src/components/Header/component/SidebarNav/index.tsx
+++ b/src/components/Header/component/SidebarNav/index.tsx
@@ -13,7 +13,7 @@ export default ({ list, open, onClose }: Props) => {
   return (
     <>
       <div className={`flex fixed top-0 left-0 ${open ? 'w-full' : 'w-0'} h-full z-[60] transition-width`}>
-        <div className={`overflow-hidden ${open ? 'w-6/12 p-5' : 'w-0'} border-r dark:border-[#2b333e] bg-[rgba(255,255,255,0.9)] dark:bg-[rgba(44,51,62,0.9)] backdrop-blur-[5px] transition-width`}>
+        <div className={`overflow-hidden ${open ? 'w-8/12 p-5' : 'w-0'} border-r dark:border-[#2b333e] bg-[rgba(255,255,255,0.9)] dark:bg-[rgba(44,51,62,0.9)] backdrop-blur-[5px] transition-width`}>
           <ul className="flex flex-col space-y-2">
             {list.map(one => (
               <li key={one.id} className="group/one relative hover:bg-[#e0e6ec] dark:hover:bg-[#495362] rounded-md transition-colors">
@@ -48,7 +48,7 @@ export default ({ list, open, onClose }: Props) => {
           </ul>
         </div>
 
-        <div className={`overflow-hidden h-full bg-[rgba(0,0,0,0.6)] ${open ? 'w-6/12' : 'w-0'}`} onClick={onClose}></div>
+        <div className={`overflow-hidden h-full bg-[rgba(0,0,0,0.6)] ${open ? 'w-4/12' : 'w-0'}`} onClick={onClose}></div>
       </div>
     </>
   )