diff --git a/src/App.vue b/src/App.vue
index e177af1..24216a6 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -7,7 +7,7 @@
 </template>
 
 <script>
-  import HeaderComponent from './components/homePageComponents/HeaderComponent.vue';
+  import HeaderComponent from "./components/homePageComponents/HeaderComponent";
   import SidebarComponent from "./components/homePageComponents/SidebarComponent";
   export default {
     name: 'App',
@@ -24,7 +24,6 @@
   font-feature-settings: 'pnum' on, 'lnum' on
   -webkit-font-smoothing: antialiased
   -moz-osx-font-smoothing: grayscale
-  background-color: var(--bg-lavender-color)
 .pages-container
   display: flex
   flex: auto
@@ -35,6 +34,7 @@
   display: flex
   flex-direction: column
 body
+  background-color: var(--bg-lavender-color)
   margin: 0
   padding: 0
 </style>
diff --git a/src/assets/css/variables.css b/src/assets/css/variables.css
index 9e3cf07..81efe5b 100644
--- a/src/assets/css/variables.css
+++ b/src/assets/css/variables.css
@@ -1,7 +1,7 @@
 :root {
-	--bg-lavender-color: #D7D9FF;
+	--bg-lavender-color: #E9E9F6;
 	--bg-white-color: #F8F8FF;
 	--font-dark-blue-color: #252850;
 	--font-black-color: #090A15;
 	--btn-blue-color: #4169E1;
-}
\ No newline at end of file
+}