refactor: minor styling changes to shared components

Author: anandtiwary

projects/common/src/color/color.ts

@@ -1,4 +1,5 @@
 export const enum Color {
+  Blue1 = '#f0f6ff',
   Blue2 = '#b8d3ff',
   Blue3 = '#70a7ff',
   Blue4 = '#2478ff',

projects/components/src/label-tag/label-tag.component.scss

@@ -6,14 +6,14 @@
   @include overline($gray-9);
 
   width: fit-content;
-  height: 16px;
+  height: 22px;
   padding: 3px 8px;
 
   display: flex;
   align-items: center;
   justify-content: center;
 
   // Default color. Could be overridden by the component
-  background-color: $gray-1;
-  border-radius: 8px;
+  background-color: $blue-1;
+  border-radius: 2px;
 }

projects/components/src/overlay/sheet/sheet-overlay.component.scss

@@ -51,7 +51,7 @@ $box-shadow: -3px 0px 24px rgba(0, 0, 0, 0.12), -1px 0px 8px rgba(0, 0, 0, 0.08)
   box-shadow: $box-shadow;
   clip-path: inset(-20px -20px 0px -20px);
   background: white;
-  width: 200px;
+  width: 220px;
   height: 40px;
   transform: translate(calc(-50% - 20px), 0px) rotate(270deg);
   position: relative;