diff --git a/src/App.vue b/src/App.vue
index 1f11410..3949dc2 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,5 +1,5 @@
 <template>
-    <div class="bg-white text-gray-900 min-h-screen h-full
+    <div class="bg-gray-100 text-gray-900 min-h-screen h-full
                 dark:bg-gray-900 dark:text-slate-50"
          style="font-family: 'Comfortaa';">
         <div class="container mx-auto pb-8 md:px-8 h-full w-full">
diff --git a/src/components/Navbar/Navbar.vue b/src/components/Navbar/Navbar.vue
index 0feab2e..e3c758e 100644
--- a/src/components/Navbar/Navbar.vue
+++ b/src/components/Navbar/Navbar.vue
@@ -1,5 +1,5 @@
 <template>
-    <nav class="bg-white border-gray-200 dark:bg-gray-900 py-2.5">
+    <nav class="bg-transparent border-gray-200 py-2.5">
     <div class="container flex flex-wrap items-center justify-end md:justify-start mx-auto">
         <div class="block md:flex w-full">
             <div class="flex justify-end items-center order-2 md:w-1/2">