diff --git a/resources/js/layouts/components/navbar-custom.vue b/resources/js/layouts/components/navbar-custom.vue
index b96e094..4c28904 100644
--- a/resources/js/layouts/components/navbar-custom.vue
+++ b/resources/js/layouts/components/navbar-custom.vue
@@ -7,7 +7,7 @@ const props = defineProps({
 })
 </script>
 <template>
-    <v-app-bar color="white" prominent>
+    <v-app-bar color="white" prominent style="background-color: #022878 !important">
     <!-- Logo with a link -->
     <a href="https://purityselect.com" target="_blank" style="margin-left: 10px;width: 100%;">
         <VImg :src='logo' max-width="250" height="50" />
@@ -16,8 +16,8 @@ const props = defineProps({
     <v-spacer></v-spacer>
 
     <!-- Links on the right -->
-    <v-btn text color="black" href="#">Live Chat</v-btn>
-    <v-btn text color="black" href="https://purityselect.com/contact/" target="_blank">Contact Us</v-btn>
+    <v-btn text color="white" href="#">Live Chat</v-btn>
+    <v-btn text color="white" href="https://purityselect.com/contact/" target="_blank">Contact Us</v-btn>
 </v-app-bar>
 
 </template>
\ No newline at end of file