diff --git a/src/platform/core/json-formatter/json-formatter.component.html b/src/platform/core/json-formatter/json-formatter.component.html
index 5162f4ddd9..feeecec418 100644
--- a/src/platform/core/json-formatter/json-formatter.component.html
+++ b/src/platform/core/json-formatter/json-formatter.component.html
@@ -9,8 +9,8 @@
     <span *ngIf="key" class="key">{{key}}:</span>
     <span class="value">
       <span [class.td-empty]="!hasChildren()" *ngIf="isObject()" [matTooltip]="getPreview()" matTooltipPosition="after">
-        <span>{{getObjectName()}}</span>
-        <span *ngIf="isArray()">[{{data.length}}]</span>
+        <span class="td-object-name">{{getObjectName()}}</span>
+        <span class="td-array-length" *ngIf="isArray()">[{{data.length}}]</span>
       </span>
       <span *ngIf="!isObject()" [class]="getType(data)">{{getValue(data)}}</span>
     </span>
diff --git a/src/platform/core/json-formatter/json-formatter.component.scss b/src/platform/core/json-formatter/json-formatter.component.scss
index 8060f0c099..aa4c088621 100644
--- a/src/platform/core/json-formatter/json-formatter.component.scss
+++ b/src/platform/core/json-formatter/json-formatter.component.scss
@@ -1,5 +1,11 @@
 :host {
   display: block;
+  .function:after,
+  .date:after,
+  .td-object-name:after,
+  .td-array-length:after {
+    content: "\200E‎";
+  }
 }
 .td-json-formatter-wrapper {
   padding-top: 2px;