diff --git a/src/app/webapp-common/pipelines/details-dialog/details-dialog.component.html b/src/app/webapp-common/pipelines/details-dialog/pipeline-details-drawer.component.html
similarity index 100%
rename from src/app/webapp-common/pipelines/details-dialog/details-dialog.component.html
rename to src/app/webapp-common/pipelines/details-dialog/pipeline-details-drawer.component.html
diff --git a/src/app/webapp-common/pipelines/details-dialog/details-dialog.component.scss b/src/app/webapp-common/pipelines/details-dialog/pipeline-details-drawer.component.scss
similarity index 100%
rename from src/app/webapp-common/pipelines/details-dialog/details-dialog.component.scss
rename to src/app/webapp-common/pipelines/details-dialog/pipeline-details-drawer.component.scss
diff --git a/src/app/webapp-common/pipelines/details-dialog/details-dialog.component.ts b/src/app/webapp-common/pipelines/details-dialog/pipeline-details-drawer.component.ts
similarity index 89%
rename from src/app/webapp-common/pipelines/details-dialog/details-dialog.component.ts
rename to src/app/webapp-common/pipelines/details-dialog/pipeline-details-drawer.component.ts
index aed926e2..9bd3bf17 100644
--- a/src/app/webapp-common/pipelines/details-dialog/details-dialog.component.ts
+++ b/src/app/webapp-common/pipelines/details-dialog/pipeline-details-drawer.component.ts
@@ -6,11 +6,11 @@ import {
   updatePipeline,
 } from "../pipelines.actions";
 @Component({
-  selector: 'sm-details-dialog',
-  templateUrl: './details-dialog.component.html',
-  styleUrls: ['./details-dialog.component.scss']
+  selector: 'sm-pipeline-details-drawer',
+  templateUrl: './pipeline-details-drawer.component.html',
+  styleUrls: ['./pipeline-details-drawer.component.scss']
 })
-export class DetailsDialogComponent implements OnInit {
+export class PipelineDetailsDrawerComponent implements OnInit {
   @ViewChild('drawer') drawer: MatDrawer;
   @Input() pipelineId: string;
   @Input() pipelineData: any;
diff --git a/src/app/webapp-common/pipelines/edit-pipeline-page/edit-pipeline-page.component.html b/src/app/webapp-common/pipelines/edit-pipeline-page/edit-pipeline-page.component.html
index 11719b78..7dc6dc5f 100644
--- a/src/app/webapp-common/pipelines/edit-pipeline-page/edit-pipeline-page.component.html
+++ b/src/app/webapp-common/pipelines/edit-pipeline-page/edit-pipeline-page.component.html
@@ -8,7 +8,7 @@
   [ioOptions]="selectedStepInputOutputOptions"
   (stepParamsChanged)="selectedStepParamsChanged($event)"/>
   <sm-pipeline-step-info [step]="selectedStep" *ngIf="selectedStep" (stepParamsChanged)="selectedStepParamsChanged($event)"/>
-  <sm-details-dialog [pipelineId]="pipelineId" [pipelineData]="selectedPipeline"></sm-details-dialog>
+  <sm-pipeline-details-drawer [pipelineId]="pipelineId" [pipelineData]="selectedPipeline"></sm-pipeline-details-drawer>
   <sm-flow-editor *ngIf="selectedPipeline?.flow_display?.nodes?.length" [pipelineData]="selectedPipeline"
     (nodesChangedInReactFlow)="nodesChangedInReactFlow($event)"
     (nodeClicked)="nodeSelected($event)"
diff --git a/src/app/webapp-common/pipelines/pipelines.module.ts b/src/app/webapp-common/pipelines/pipelines.module.ts
index 9694af15..3565f547 100644
--- a/src/app/webapp-common/pipelines/pipelines.module.ts
+++ b/src/app/webapp-common/pipelines/pipelines.module.ts
@@ -71,7 +71,7 @@ import { FilterPipe } from "@common/shared/pipes/filter.pipe";
 import { FileSizePipe } from "@common/shared/pipes/filesize.pipe";
 import { RegexPipe } from "@common/shared/pipes/filter-regex.pipe";
 import { FilterMonitorMetricPipe } from "@common/shared/pipes/filter-monitor-metric.pipe";
-import { DetailsDialogComponent } from './details-dialog/details-dialog.component';
+import { PipelineDetailsDrawerComponent } from './details-dialog/pipeline-details-drawer.component';
 
 export const pipelinesSyncedKeys = ["projects.showPipelineExamples"];
 const pipelinesSyncedKeys2 = ['orderBy', 'sortOrder'];
@@ -127,7 +127,7 @@ const getInitState = (userPreferences: UserPreferences) => ({
     PipelineSettingDialogComponent,
     PipelineSettingFormComponent,
     PipelineStepInfoComponent,
-    DetailsDialogComponent,
+    PipelineDetailsDrawerComponent,
   ],
   imports: [
     CommonModule,