From a2da3d3f90fb2391ef68455806a45fde698aafbc Mon Sep 17 00:00:00 2001
From: Nuzhy-Deriv <nuzhy@deriv.com>
Date: Wed, 28 Aug 2024 11:08:26 +0800
Subject: [PATCH] fix: align worm chart, price up down colors

---
 src/sass/_common/reskin.scss | 14 ++++++++++++--
 1 file changed, 12 insertions(+), 2 deletions(-)

diff --git a/src/sass/_common/reskin.scss b/src/sass/_common/reskin.scss
index 59a7fef506e..dbff3295cf5 100644
--- a/src/sass/_common/reskin.scss
+++ b/src/sass/_common/reskin.scss
@@ -80,6 +80,7 @@ body {
     }
     div#underlying_details {
         display: flex;
+        gap: 6px;
         flex-direction: column;
         transform: scale(0.88);
 
@@ -87,8 +88,17 @@ body {
            flex-direction: row;
         }
 
-        #spot{
-            margin-top:  5px;
+        #spot {
+            line-height: 26px !important;
+            margin-left: 0 !important;
+            padding-block: var(--semantic-spacing-general-2xs) !important;
+            padding-inline: var(--semantic-spacing-general-xs) !important;
+        }
+        .price_moved_up {
+            background-color: var(--semantic-color-emerald-solid-surface-normal-highest);
+        }
+        .price_moved_down {
+            background-color: var(--semantic-color-cherry-solid-surface-normal-highest);
         }
     }
     div#onboarding-container {