fix: add more colors. css fix for label tags (#331)

Author: arjunlalb

projects/common/src/color/color.ts

@@ -3,6 +3,8 @@ export const enum Color {
   Blue5 = '#0053d7',
   BlueGray4 = '#4b5f77',
   Gray1 = '#f4f5f5',
+  Gray2 = '#e1e4e5',
+  Gray5 = '#657277',
   Gray7 = '#272c2e',
   Gray9 = '#080909',
   Orange3 = '#FDC088',

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

@@ -5,8 +5,9 @@
   // Default color. Could be overridden by the component
   @include overline($gray-9);
 
-  width: 46px;
+  width: fit-content;
   height: 16px;
+  padding: 3px 8px;
 
   display: flex;
   align-items: center;