diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
index 793e274..c0dee19 100644
--- a/src/layouts/Layout.astro
+++ b/src/layouts/Layout.astro
@@ -3,6 +3,8 @@ const { title } = Astro.props
 
 const websiteName = 'Template'
 const websiteDescription = 'This is just a template.'
+
+import Background from '../builtin-components/Background/Background'
 ---
 
 <html lang="en">
@@ -16,6 +18,7 @@ const websiteDescription = 'This is just a template.'
   </head>
 
   <body id="body">
+    <Background color="#0c1b31" />
     <slot />
   </body>
 </html>
@@ -26,6 +29,5 @@ const websiteDescription = 'This is just a template.'
 
   #body
     font-family: fonts.$Inter
-    background-color: vars.$background
     color: vars.$textColor
 </style>
