diff --git a/README.md b/README.md
index 569ca3c2..3c7d772c 100644
--- a/README.md
+++ b/README.md
@@ -16,7 +16,7 @@ First demo is one of the sequence labeling tasks, named-entity recognition. You
 
 Second demo is one of the text classification tasks, topic classification. Since there may be more than one category, you can annotate multi-labels.
 
-![Text Classification](http://via.placeholder.com/600x400)
+![Text Classification](./docs/text_classification.gif)
 
 ### Sequence to sequence
 
diff --git a/app/db.sqlite3 b/app/db.sqlite3
index cdb3bfe0..1fbe84eb 100644
Binary files a/app/db.sqlite3 and b/app/db.sqlite3 differ
diff --git a/app/server/templates/annotation/document_classification.html b/app/server/templates/annotation/document_classification.html
index 7238f9a3..e8468b16 100644
--- a/app/server/templates/annotation/document_classification.html
+++ b/app/server/templates/annotation/document_classification.html
@@ -26,7 +26,8 @@
         <div class="field is-grouped is-grouped-multiline">
             <div class="control" v-for="(annotation, index) in items[cur].labels">
                 <div class="tags has-addons">
-                    <span class="tag is-dark">
+                    <span class="tag"
+                          v-bind:style="{ color: annotation.label.text_color, backgroundColor: annotation.label.background_color }">
                         [[ annotation.label.text ]]
                         <button class="delete is-small" v-on:click="deleteLabel(index)"></button>
                     </span>
diff --git a/docs/text_classification.gif b/docs/text_classification.gif
new file mode 100644
index 00000000..5a9bbbcb
Binary files /dev/null and b/docs/text_classification.gif differ