diff --git a/src/main.js b/src/main.js
index c451729..123d59c 100755
--- a/src/main.js
+++ b/src/main.js
@@ -31,7 +31,7 @@ async function render() {
 
   app.innerHTML = `
     <div class="relative w-full h-screen overflow-hidden bg-slate-950 text-slate-100 flex">
-      <div class="absolute inset-0 z-0 bg-cover bg-center bg-no-repeat transition-all duration-700" style="background-image: url('${currentBg}');"></div>
+      <div class="absolute inset-0 z-0 bg-contain bg-cover bg-center bg-no-repeat transition-all duration-700" style="background-image: url('${currentBg}');"></div>
       <div class="absolute inset-0 z-10 bg-slate-950/50 backdrop-blur-[2px]"></div>
 
       <aside class="relative z-30 w-72 h-screen bg-slate-900/80 backdrop-blur-xl border-r border-white/10 p-6 flex flex-col justify-between">