diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/editnewdash/editnewdash.component.html b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/editnewdash/editnewdash.component.html
index 1eb2b18..3d163fd 100644
--- a/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/editnewdash/editnewdash.component.html
+++ b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/editnewdash/editnewdash.component.html
@@ -318,6 +318,50 @@
         </div>
       </div>
 
+      <!-- Base Drilldown Filter Configuration -->
+      <div class="clr-row" *ngIf="gadgetsEditdata.drilldownEnabled" style="margin-top: 15px;">
+        <div class="clr-col-sm-12">
+          <h5>Base Drilldown Filters</h5>
+          <div class="clr-subtext">Configure filters for the base drilldown level</div>
+          
+          <!-- Add Base Filter Button -->
+          <button class="btn btn-sm btn-primary" (click)="addBaseFilter()" style="margin-top: 10px; margin-bottom: 10px;">
+            <clr-icon shape="plus"></clr-icon> Add Filter
+          </button>
+          
+          <!-- Base Filter Fields List -->
+          <div *ngFor="let filter of gadgetsEditdata.baseFilters; let i = index" 
+               style="margin-bottom: 10px; padding: 8px; border: 1px solid #eee; border-radius: 4px; background-color: #f9f9f9;">
+            <div style="display: flex; justify-content: space-between; align-items: center;">
+              <span>Filter {{i + 1}}</span>
+              <button class="btn btn-icon btn-danger btn-sm" (click)="removeBaseFilter(i)">
+                <clr-icon shape="trash"></clr-icon>
+              </button>
+            </div>
+            
+            <div class="clr-row" style="margin-top: 8px;">
+              <div class="clr-col-sm-5">
+                <select [(ngModel)]="filter.field" [ngModelOptions]="{standalone: true}" class="clr-select">
+                  <option value="">Select Field</option>
+                  <option *ngFor="let column of drilldownColumnData" [value]="column">{{column}}</option>
+                </select>
+              </div>
+              
+              <div class="clr-col-sm-5">
+                <input type="text" [(ngModel)]="filter.value" [ngModelOptions]="{standalone: true}" 
+                       class="clr-input" placeholder="Filter Value" />
+              </div>
+              
+              <div class="clr-col-sm-2">
+                <button class="btn btn-icon btn-danger btn-sm" (click)="removeBaseFilter(i)">
+                  <clr-icon shape="trash"></clr-icon>
+                </button>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+
 
 
       <!-- Multi-Layer Drilldown Configurations -->