diff --git a/client/components/Layout.tsx b/client/components/Layout.tsx
index 1f10ff04..20343a02 100644
--- a/client/components/Layout.tsx
+++ b/client/components/Layout.tsx
@@ -133,7 +133,7 @@ export default function CodeLayout({ children, hideFooter }: LayoutProps) {
   };
 
   return (
-    <div className="min-h-screen bg-aethex-gradient">
+    <div className={cn("min-h-screen transition-all duration-200", theme.wallpaperClass)}>
       <header className="sticky top-0 z-50 border-b border-border/40 bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60 animate-slide-down overflow-hidden">
         <div className="container mx-auto max-w-7xl flex min-h-16 h-auto items-center justify-between px-3 md:px-4 py-2 gap-1 md:gap-3 lg:gap-4 min-w-0 overflow-hidden">
           {/* Logo */}