diff --git a/src/pages/index.jsx b/src/pages/index.jsx
index 3715f6a86..3b161d455 100644
--- a/src/pages/index.jsx
+++ b/src/pages/index.jsx
@@ -46,6 +46,7 @@ export default function Home({ settings }) {
   if (settings.background) {
     wrappedStyle.backgroundImage = `url(${settings.background})`;
     wrappedStyle.backgroundSize = "cover";
+    wrappedStyle.opacity = settings.backgroundOpacity ?? 1;
   }
 
   useEffect(() => {