diff --git a/apps/user-app-v2/src/assets/styles/style.less b/apps/user-app-v2/src/assets/styles/style.less
index d7e9dde..83a7de9 100644
--- a/apps/user-app-v2/src/assets/styles/style.less
+++ b/apps/user-app-v2/src/assets/styles/style.less
@@ -396,7 +396,7 @@ input:focus-visible {
 
     }
     &.bg-primaryLighten .ant-drawer-body {
-      background: @primaryLighten;
+      background: @wine;
       border-radius: 30px 30px 0px 0px;
     }
   }
@@ -460,13 +460,13 @@ input:focus-visible {
     &-secondary,
     &-secondary:hover,
     &-secondary:focus {
-      border-color: @primary;
-      background: @primary;
+      border-color: @wine;
+      background: @wine;
       color: @white;
 
       &.ant-btn-background-ghost {
         color: @primary;
-        border-color: @primary;
+        border-color: @wine;
         text-shadow: none;
       }
     }
@@ -565,7 +565,7 @@ input:focus-visible {
 
     &-primary:before {
       @apply content;
-      background: @primary;
+      background: @wine;
     }
   }
 
diff --git a/apps/user-app-v2/src/components/home/RateStrip.vue b/apps/user-app-v2/src/components/home/RateStrip.vue
index 4c9c3e8..be4afad 100644
--- a/apps/user-app-v2/src/components/home/RateStrip.vue
+++ b/apps/user-app-v2/src/components/home/RateStrip.vue
@@ -61,8 +61,8 @@ const perGram = computed(() => (props.quote ? props.quote.pricePerGramRial.split
   padding: 6px 12px 6px 10px;
   border-radius: 999px;
   box-shadow: none;
-  background: alpha(@primary, 6%);
-  border: 1px solid alpha(@primary, 10%);
+  background: alpha(@wine, 6%);
+  border: 1px solid alpha(@wine, 10%);
   color: @primary;
 }
 
diff --git a/apps/user-app-v2/src/views/HomeView.vue b/apps/user-app-v2/src/views/HomeView.vue
index ff87e70..60a9f2c 100644
--- a/apps/user-app-v2/src/views/HomeView.vue
+++ b/apps/user-app-v2/src/views/HomeView.vue
@@ -263,8 +263,8 @@ onActivated(async () => {
   // A hairline rule cut a hard line across the page. A very soft fade under
   // the bar separates it from the content that scrolls beneath without
   // drawing an edge.
-  border-bottom: 1px solid alpha(@primary, 5%);
-  box-shadow: 0 8px 20px -18px alpha(@primary, 55%);
+  border-bottom: 1px solid alpha(@wine, 5%);
+  box-shadow: 0 8px 20px -18px alpha(@wine, 55%);
 }
 
 .home__barInner {
diff --git a/apps/user-app-v2/src/views/user/DashboardView.vue b/apps/user-app-v2/src/views/user/DashboardView.vue
index ead2f8e..ce295a1 100644
--- a/apps/user-app-v2/src/views/user/DashboardView.vue
+++ b/apps/user-app-v2/src/views/user/DashboardView.vue
@@ -379,8 +379,8 @@ onMounted(async () => {
   z-index: 20;
   background: alpha(@canvas, 82%);
   backdrop-filter: blur(18px) saturate(140%);
-  border-bottom: 1px solid alpha(@primary, 5%);
-  box-shadow: 0 8px 20px -18px alpha(@primary, 55%);
+  border-bottom: 1px solid alpha(@wine, 5%);
+  box-shadow: 0 8px 20px -18px alpha(@wine, 55%);
 }
 
 .dash__barInner {