diff --git a/resources/views/livewire/plugins/recipe.blade.php b/resources/views/livewire/plugins/recipe.blade.php
index 3602ac4..c62335e 100644
--- a/resources/views/livewire/plugins/recipe.blade.php
+++ b/resources/views/livewire/plugins/recipe.blade.php
@@ -61,7 +61,7 @@ new class extends Component {
         $this->polling_url = $this->plugin->polling_url;
         $this->polling_verb = $this->plugin->polling_verb;
         $this->polling_header = $this->plugin->polling_header;
-        $this->data_payload = json_encode($this->plugin->data_payload);
+        $this->data_payload = json_encode($this->plugin->data_payload, JSON_PRETTY_PRINT);
     }
 
     public function saveMarkup(): void
@@ -115,7 +115,7 @@ new class extends Component {
                 ->json();
 
             $this->plugin->update(['data_payload' => $response]);
-            $this->data_payload = json_encode($response);
+            $this->data_payload = json_encode($response, JSON_PRETTY_PRINT);
         }
     }