diff --git a/src/components/HtmlPreview.astro b/src/components/HtmlPreview.astro
index 6048ae8..96028d4 100644
--- a/src/components/HtmlPreview.astro
+++ b/src/components/HtmlPreview.astro
@@ -41,7 +41,7 @@ const codeName = src?.split('/')?.at(-2);
     }
   </div>
 
-  <div class={`code-preview overflow-hidden !m-0 ${showDarkMode ? 'bg-[#0d1117]' : '!bg-white'}`}>
+  <div class={`code-preview overflow-hidden !m-0 ${showDarkMode === true && 'bg-[#0d1117]'} ${showDarkMode === false && '!bg-white'}`}>
     {
       src && isShowIframe ? (
         <Iframe