diff --git a/app/src/assets/scss/_function.scss b/app/src/assets/scss/_function.scss
index 70c6a0f78..68debdb32 100644
--- a/app/src/assets/scss/_function.scss
+++ b/app/src/assets/scss/_function.scss
@@ -160,6 +160,13 @@
     box-sizing: border-box;
     border-radius: 0 0 4px 4px;
     overflow: hidden;
+
+    .b3-chip--secondary {
+      padding: 2px 8px;
+      display: inline;
+      margin-right: 8px;
+      font-size: 12px;
+    }
   }
 
   &__repoheader {
diff --git a/app/src/util/history.ts b/app/src/util/history.ts
index 54474ea28..bc0c8ae79 100644
--- a/app/src/util/history.ts
+++ b/app/src/util/history.ts
@@ -119,6 +119,7 @@ const renderRepoItem = (response: IWebSocketData, element: Element, type: string
     response.data.snapshots.forEach((item: { memo: string, id: string, hCreated: string, count: number, hSize: string, tag: string }) => {
         repoHTML += `<li class="b3-list-item b3-list-item--hide-action" data-id="${item.id}" data-tag="${item.tag}">
     <div class="b3-list-item__text">
+        <span class="b3-chip b3-chip--secondary${item.tag ? "" : " fn__none"}">${item.tag}</span>
         ${item.hCreated}<span class="fn__space"></span>
         ${escapeHtml(item.memo)}
         <span class="b3-list-item__meta">${item.hSize}</span>