diff --git a/ProcessMaker/Http/Controllers/TaskController.php b/ProcessMaker/Http/Controllers/TaskController.php
index 07d8d597a2..213d9374ab 100755
--- a/ProcessMaker/Http/Controllers/TaskController.php
+++ b/ProcessMaker/Http/Controllers/TaskController.php
@@ -225,6 +225,8 @@ public function edit(ProcessRequestToken $task, string $preview = '')
                 'userConfiguration' => $userConfiguration,
                 'hitlEnabled' => $hitlEnabled,
                 'iframeSrc' => $iframeSrc,
+                'caseNumber' => $task->processRequest->case_number,
+                'tceEnableCaseNumberScreen' => config('app.tce_enable_case_number_screen'),
             ]);
         }
     }
diff --git a/config/app.php b/config/app.php
index 2c33470ce5..0d77afa7e0 100644
--- a/config/app.php
+++ b/config/app.php
@@ -288,6 +288,8 @@
     // Enable or disable TCE customization feature
     'tce_customization_enable' => env('TCE_CUSTOMIZATION_ENABLED', false),
 
+    // Enable or disable to show case number in screens feature
+    'tce_enable_case_number_screen' => env('TCE_ENABLE_CASE_NUMBER_SCREEN', false),
     // Enable or disable case retention policy
     'case_retention_policy_enabled' => env('CASE_RETENTION_POLICY_ENABLED', false),
 
diff --git a/resources/js/tasks/edit.js b/resources/js/tasks/edit.js
index fb85e7b8ef..d58fa5281b 100644
--- a/resources/js/tasks/edit.js
+++ b/resources/js/tasks/edit.js
@@ -22,6 +22,7 @@ const main = new Vue({
   },
   mixins: addons,
   data: {
+    tceEnableCaseNumberScreen: window.ProcessMaker.tceEnableCaseNumberScreen,
     // Edit data
     fieldsToUpdate: [],
     jsonData: "",
diff --git a/resources/views/tasks/edit.blade.php b/resources/views/tasks/edit.blade.php
index 9bc92cabfe..228df80737 100644
--- a/resources/views/tasks/edit.blade.php
+++ b/resources/views/tasks/edit.blade.php
@@ -88,6 +88,9 @@ class="nav-link">
               <div id="tab-form" role="tabpanel" aria-labelledby="tab-form" class="tab-pane active show">
                 @can('update', $task)
                   @unless($hitlEnabled)
+                  <div v-if="tceEnableCaseNumberScreen" class="tw-block tw-gap-2 tw-mb-0 tw-px-2 tw-bg-white tw-border-l tw-border-l-[#d7dde5] tw-border-r tw-border-r-[#d7dde5]" v-cloak>
+                    <span class="tw-font-medium tw-text-[#728092] tw-text-xs">Case #:</span> <span class="tw-font-normal tw-text-[#9fa8b5] tw-text-xs">{{ $caseNumber }}</span>
+                  </div>
                     <task
                       ref="task"
                       class="card border-0"
@@ -438,6 +441,8 @@ class="mr-2 custom-badges pl-2 pr-2 rounded-lg">
     const userHasAccessToTask = {{ Auth::user()->can('update', $task) ? "true": "false" }};
     const userIsAdmin = {{ Auth::user()->is_administrator ? "true": "false" }};
     const userIsProcessManager = {{ in_array(Auth::user()->id, $task->process?->manager_id ?? []) ? "true": "false" }};
+    const caseNumber = @json($caseNumber);
+    window.ProcessMaker.tceEnableCaseNumberScreen = @json($tceEnableCaseNumberScreen);
     const userConfiguration = @json($userConfiguration);
     let screenFields = @json($screenFields);
     window.Processmaker.user = @json($currentUser);