diff --git a/apps/red-ui/src/app/modules/admin/screens/component-definitions/component-definitions.component.html b/apps/red-ui/src/app/modules/admin/screens/component-definitions/component-definitions.component.html
index dbd2a0752..8ce3205f3 100644
--- a/apps/red-ui/src/app/modules/admin/screens/component-definitions/component-definitions.component.html
+++ b/apps/red-ui/src/app/modules/admin/screens/component-definitions/component-definitions.component.html
@@ -50,9 +50,11 @@
                                             icon="iqser:trash"
                                         ></iqser-circle-button>
                                     }
-                                    @if (selectedComponent?.id === component.id) {
-                                        <mat-icon class="arrow-right" svgIcon="red:arrow-right"></mat-icon>
-                                    }
+                                    <mat-icon
+                                        [class.not-visible]="selectedComponent?.id !== component.id"
+                                        class="arrow-right"
+                                        svgIcon="red:arrow-right"
+                                    ></mat-icon>
                                 </div>
                             </div>
                         </div>
diff --git a/apps/red-ui/src/app/modules/admin/screens/component-definitions/component-definitions.component.scss b/apps/red-ui/src/app/modules/admin/screens/component-definitions/component-definitions.component.scss
index 54a237251..8581fbc36 100644
--- a/apps/red-ui/src/app/modules/admin/screens/component-definitions/component-definitions.component.scss
+++ b/apps/red-ui/src/app/modules/admin/screens/component-definitions/component-definitions.component.scss
@@ -38,6 +38,10 @@
 
         .arrow-right {
             transform: scale(0.7);
+
+            &.not-visible {
+                visibility: hidden;
+            }
         }
     }
 }