diff --git a/npm/ng-packs/packages/components/extensible/src/lib/components/extensible-form/extensible-form.component.html b/npm/ng-packs/packages/components/extensible/src/lib/components/extensible-form/extensible-form.component.html
index 13652996e3..739fe6a114 100644
--- a/npm/ng-packs/packages/components/extensible/src/lib/components/extensible-form/extensible-form.component.html
+++ b/npm/ng-packs/packages/components/extensible/src/lib/components/extensible-form/extensible-form.component.html
@@ -1,16 +1,23 @@
 @if (form) {
   @for (groupedProp of groupedPropList.items; track $index) {
     <ng-container *abpPropData="let data; fromList: groupedProp.formPropList; withRecord: record">
-      <div
-        [ngClass]="groupedProp.group?.className ? groupedProp.group?.className : ''"
-        [attr.data-name]="groupedProp.group?.name ? groupedProp.group?.name : ''"
-      >
-        <ng-container
-          [ngTemplateOutlet]="propListTemplate"
-          [ngTemplateOutletContext]="{ groupedProp: groupedProp, data: data }"
+      @if(groupedProp.group?.className) {
+        <div [ngClass]="groupedProp.group?.className"
+             [attr.data-name]="groupedProp.group?.name || groupedProp.group?.className"
         >
-        </ng-container>
-      </div>
+          <ng-container
+            [ngTemplateOutlet]="propListTemplate"
+            [ngTemplateOutletContext]="{ groupedProp: groupedProp, data: data }"
+          >
+          </ng-container>
+        </div>
+      } @else {
+          <ng-container
+            [ngTemplateOutlet]="propListTemplate"
+            [ngTemplateOutletContext]="{ groupedProp: groupedProp, data: data }"
+          >
+          </ng-container>
+      }
     </ng-container>
   } 
 }