diff --git a/packages/composer-playground/src/app/test/view-transaction/view-transaction.component.html b/packages/composer-playground/src/app/test/view-transaction/view-transaction.component.html
index cb852927e4..4b93531afd 100644
--- a/packages/composer-playground/src/app/test/view-transaction/view-transaction.component.html
+++ b/packages/composer-playground/src/app/test/view-transaction/view-transaction.component.html
@@ -25,7 +25,7 @@ <h1>Transaction Data</h1>
 
             <div class="resource-list" *ngIf="isEvent">
                 <div class="resource-dropdown" *ngFor="let event of events; let i = index">
-                    <button class="resource-open" (click)="selectEvent(event, i)">
+                    <button class="resource-open" (click)="selectEvent(event, i)" [ngClass]="{'open': showEvent(i)}">
                         <div class="resource-title">
                             <span class="title">{{event.getFullyQualifiedType()}}#{{event.getIdentifier()}}</span>
                         </div>
diff --git a/packages/composer-playground/src/app/test/view-transaction/view-transaction.component.scss b/packages/composer-playground/src/app/test/view-transaction/view-transaction.component.scss
index 63f74eea4c..bf524fcc19 100644
--- a/packages/composer-playground/src/app/test/view-transaction/view-transaction.component.scss
+++ b/packages/composer-playground/src/app/test/view-transaction/view-transaction.component.scss
@@ -88,6 +88,13 @@
           height: 0;
         }
       }
+      .resource-open.open {
+           &::after {
+               transform: rotate(180deg);
+               bottom: 10%;
+               right: 3%;
+           }
+      }
       .resource-content {
         .CodeMirror {
           height: 200px;