diff --git a/customize/themes.mdx b/customize/themes.mdx
index 4347051b2..a3e5e9d11 100644
--- a/customize/themes.mdx
+++ b/customize/themes.mdx
@@ -9,7 +9,7 @@ export const ThemeCard = ({ title, value, description, href }) => {
   return (
     <a className="mt-4 gap-10 group cursor-pointer" href={href}>
       <div>
-        <img className="mt-0 rounded-2xl group-hover:scale-105 transition-all block" src={`/images/themes/${value}.png`} alt={title} noZoom />
+        <img className="mt-0 rounded-2xl group-hover:scale-105 transition-all block" src={`https://mintlify.s3.us-west-1.amazonaws.com/mintlify/images/themes/${value}.png`} alt={title} noZoom />
       </div>
       <div>
         <div className="mt-4 flex space-x-2 items-center">