diff --git a/ui-ngx/src/app/shared/components/device/gateway-connectors.component.html b/ui-ngx/src/app/shared/components/device/gateway-connectors.component.html
index 3a6b99dfba..387f8707d4 100644
--- a/ui-ngx/src/app/shared/components/device/gateway-connectors.component.html
+++ b/ui-ngx/src/app/shared/components/device/gateway-connectors.component.html
@@ -50,7 +50,7 @@
         <ng-container matColumnDef="type">
           <mat-header-cell *matHeaderCellDef mat-sort-header style="width: 30%"> Type</mat-header-cell>
           <mat-cell *matCellDef="let attribute" style="text-transform: uppercase">
-            {{ gatewayConnectorDefaultTypes.get(attribute.value.type) }}
+            {{ returnType(attribute) }}
           </mat-cell>
         </ng-container>
         <ng-container matColumnDef="actions" stickyEnd>
diff --git a/ui-ngx/src/app/shared/components/device/gateway-connectors.component.ts b/ui-ngx/src/app/shared/components/device/gateway-connectors.component.ts
index 16c5f173c9..7049f6e236 100644
--- a/ui-ngx/src/app/shared/components/device/gateway-connectors.component.ts
+++ b/ui-ngx/src/app/shared/components/device/gateway-connectors.component.ts
@@ -303,6 +303,11 @@ export class GatewayConnectorComponent extends PageComponent implements AfterVie
       }));
   }
 
+  returnType (attribute) {
+    const value = typeof attribute.value === 'string' ? JSON.parse(attribute.value): attribute.value;
+    return  this.gatewayConnectorDefaultTypes.get(value.type)
+  }
+
   deleteConnector(attribute: AttributeData, $event: Event): void {
     if ($event) {
       $event.stopPropagation();