diff --git a/src/app/adf-services/df-service-details/df-service-details.component.html b/src/app/adf-services/df-service-details/df-service-details.component.html
index 783ef460..48469941 100644
--- a/src/app/adf-services/df-service-details/df-service-details.component.html
+++ b/src/app/adf-services/df-service-details/df-service-details.component.html
@@ -374,6 +374,7 @@ <h4 class="text-center" style="color: black !important">
         <ng-container *ngIf="this.isNetworkService || this.isScriptService">
           <ng-container *ngIf="getConfigControl('storageServiceId')">
             <df-script-editor
+              [isScript]="this.isScriptService"
               [type]="getControl('type')"
               [storageServiceId]="getConfigControl('storageServiceId')"
               [storagePath]="getConfigControl('storagePath')"
diff --git a/src/app/shared/components/df-script-editor/df-script-editor.component.html b/src/app/shared/components/df-script-editor/df-script-editor.component.html
index 20a6997d..0f90d250 100644
--- a/src/app/shared/components/df-script-editor/df-script-editor.component.html
+++ b/src/app/shared/components/df-script-editor/df-script-editor.component.html
@@ -52,9 +52,11 @@
       {{ 'scripts.deleteCache' | transloco }}
     </button>
   </div>
-
-  <df-ace-editor
-    class="full-width"
-    [formControl]="content"
-    [mode]="type.getRawValue()"></df-ace-editor>
+  <div class="content">
+    <span *ngIf="isScript">Script Contents</span>
+    <df-ace-editor
+      class="full-width"
+      [formControl]="content"
+      [mode]="type.getRawValue()"></df-ace-editor>
+  </div>
 </div>
diff --git a/src/app/shared/components/df-script-editor/df-script-editor.component.scss b/src/app/shared/components/df-script-editor/df-script-editor.component.scss
index 2221e525..18d1dede 100644
--- a/src/app/shared/components/df-script-editor/df-script-editor.component.scss
+++ b/src/app/shared/components/df-script-editor/df-script-editor.component.scss
@@ -2,3 +2,13 @@
   display: flex;
   gap: 16px;
 }
+.content {
+  margin-top: 8px;
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+  width: 100%;
+  span {
+    font-size: 20px;
+  }
+}
diff --git a/src/app/shared/components/df-script-editor/df-script-editor.component.ts b/src/app/shared/components/df-script-editor/df-script-editor.component.ts
index bd9367e1..6025440c 100644
--- a/src/app/shared/components/df-script-editor/df-script-editor.component.ts
+++ b/src/app/shared/components/df-script-editor/df-script-editor.component.ts
@@ -50,6 +50,7 @@ import { DfThemeService } from '../../services/df-theme.service';
   ],
 })
 export class DfScriptEditorComponent implements OnInit {
+  @Input() isScript: boolean;
   @Input() cache: string;
   @Input({ required: true }) type: FormControl;
   @Input({ required: true }) storageServiceId: FormControl;