diff --git a/apps/red-ui/src/app/components/annotation-icon/annotation-icon.component.html b/apps/red-ui/src/app/components/annotation-icon/annotation-icon.component.html
index c17e65ef3..173ffa5b7 100644
--- a/apps/red-ui/src/app/components/annotation-icon/annotation-icon.component.html
+++ b/apps/red-ui/src/app/components/annotation-icon/annotation-icon.component.html
@@ -1,3 +1,3 @@
-
+
{{ label || dictType.label.charAt(0) }}
diff --git a/apps/red-ui/src/app/components/annotation-icon/annotation-icon.component.scss b/apps/red-ui/src/app/components/annotation-icon/annotation-icon.component.scss
index 754a6ca5d..582cfa632 100644
--- a/apps/red-ui/src/app/components/annotation-icon/annotation-icon.component.scss
+++ b/apps/red-ui/src/app/components/annotation-icon/annotation-icon.component.scss
@@ -32,3 +32,7 @@
.ignore {
background-color: $grey-5;
}
+
+.none {
+ color: $accent;
+}
diff --git a/apps/red-ui/src/app/components/annotation-icon/annotation-icon.component.ts b/apps/red-ui/src/app/components/annotation-icon/annotation-icon.component.ts
index f5957ab6e..9b292121d 100644
--- a/apps/red-ui/src/app/components/annotation-icon/annotation-icon.component.ts
+++ b/apps/red-ui/src/app/components/annotation-icon/annotation-icon.component.ts
@@ -8,7 +8,7 @@ import { TypeValue } from '@redaction/red-ui-http';
})
export class AnnotationIconComponent {
@Input() color: string;
- @Input() type: 'square' | 'rhombus' | 'circle';
+ @Input() type: 'square' | 'rhombus' | 'circle' | 'none';
@Input() label: string;
@Input() dictType: TypeValue;
diff --git a/apps/red-ui/src/app/components/type-filter/type-filter.component.html b/apps/red-ui/src/app/components/type-filter/type-filter.component.html
index 82fbd2b57..8729eebe0 100644
--- a/apps/red-ui/src/app/components/type-filter/type-filter.component.html
+++ b/apps/red-ui/src/app/components/type-filter/type-filter.component.html
@@ -27,4 +27,6 @@
+
+
{{ filter.label | translate }}