diff --git a/components/CarbonAds.vue b/components/CarbonAds.vue
index 2efdd82..a4c8736 100644
--- a/components/CarbonAds.vue
+++ b/components/CarbonAds.vue
@@ -32,7 +32,7 @@ export default {
 #carbonads {
   display: flex;
   max-width: 330px;
-  background-color: hsl(0, 0%, 98%);
+  background-color: #1e293b;
   box-shadow: 0 1px 4px 1px hsla(0, 0%, 0%, 0.1);
   z-index: 100;
   border-radius: .3rem; 
@@ -71,7 +71,7 @@ export default {
 #carbonads .carbon-poweredby {
   display: block;
   padding: 6px 8px;
-  background: #f1f1f2;
+  background: #000000;
   text-align: center;
   text-transform: uppercase;
   letter-spacing: 0.5px;
diff --git a/pages/index.vue b/pages/index.vue
index a5e4fa7..ff3d8a4 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -37,6 +37,10 @@
                         </svg>
                     </a>
                 </div>
+
+                <div class="flex justify-center">
+                    <carbon-ads class="mt-10"></carbon-ads>
+                </div>
             </div>
         </div>
     </header>