diff --git a/src/components/theme-card.tsx b/src/components/theme-card.tsx
index 085507b..f3ffb87 100644
--- a/src/components/theme-card.tsx
+++ b/src/components/theme-card.tsx
@@ -27,7 +27,7 @@ export default function ThemeCard({
           <p className="text-md mt-2 overflow-ellipsis text-muted-foreground text-start">{theme.description}</p>
         </ThemeCardWrapepr>
       </DialogTrigger>
-      <DialogContent>
+      <DialogContent forceMount>
         <DialogHeader>
           <img src={theme.image} alt={theme.name} className="w-full h-32 object-cover rounded-md mb-10" />
           <DialogTitle>{theme.name}</DialogTitle>