diff --git a/apps/red-ui/src/app/modules/shared/components/select/select.component.html b/apps/red-ui/src/app/modules/shared/components/select/select.component.html index 7145ff402..b770ea3d3 100644 --- a/apps/red-ui/src/app/modules/shared/components/select/select.component.html +++ b/apps/red-ui/src/app/modules/shared/components/select/select.component.html @@ -23,6 +23,7 @@ [ngTemplateOutletContext]="{ option: option }" [ngTemplateOutlet]="optionTemplate || defaultOptionTemplate" > + diff --git a/apps/red-ui/src/app/modules/shared/components/select/select.component.scss b/apps/red-ui/src/app/modules/shared/components/select/select.component.scss index 97bfc982c..03670d3f9 100644 --- a/apps/red-ui/src/app/modules/shared/components/select/select.component.scss +++ b/apps/red-ui/src/app/modules/shared/components/select/select.component.scss @@ -56,6 +56,8 @@ mat-chip { border-radius: 4px; font-size: 13px; font-weight: 400; + display: flex; + justify-content: space-between; } ::ng-deep .mat-chip-list-wrapper { @@ -91,3 +93,7 @@ mat-chip { pointer-events: none; color: var(--iqser-grey-5); } + +mat-icon { + width: 14px; +} diff --git a/apps/red-ui/src/assets/styles/_variables.scss b/apps/red-ui/src/assets/styles/_variables.scss index 41fec2923..156373d4f 100644 --- a/apps/red-ui/src/assets/styles/_variables.scss +++ b/apps/red-ui/src/assets/styles/_variables.scss @@ -4,7 +4,7 @@ $black: #000; $grey-1: #283241; $grey-2: #f4f5f7; $grey-3: #aaacb3; -$grey-4: #e2e4e9; +$grey-4: #e2e4ea; $grey-5: #d3d5da; $grey-6: #f0f1f4; $grey-7: #9398a0;