diff --git a/themes/proxio/components/Blog.js b/themes/proxio/components/Blog.js
index a4d71972..66d8231e 100644
--- a/themes/proxio/components/Blog.js
+++ b/themes/proxio/components/Blog.js
@@ -76,7 +76,7 @@ export const Blog = ({ posts }) => {
                         {!coverImg && <p className='max-w-[370px] text-base text-body-color dark:text-dark-6 flex items-center justify-center duration-200 group-hover:text-white '>
                           {item.summary}
                         </p>}
-                        <LazyImage src={coverImg} className='absolute' />
+                        <LazyImage src={coverImg} className='absolute max-h-full object-cover' />
                       </div>
                     </div>
                     {/* 内容部分 */}
diff --git a/themes/proxio/components/Footer.js b/themes/proxio/components/Footer.js
index 0f68f4ab..383d7894 100644
--- a/themes/proxio/components/Footer.js
+++ b/themes/proxio/components/Footer.js
@@ -75,7 +75,7 @@ export const Footer = ({ title }) => {
             <PoweredBy />
           </div>
 
-          <DarkModeButton className='text-white' />
+          <DarkModeButton className='dark:text-white' />
 
           <div className='flex justify-between items-center gap-x-2'>
             <div className='flex items-center gap-x-4'>