diff --git a/app/Livewire/Project/Show.php b/app/Livewire/Project/Show.php
index d5d660017..1082f078c 100644
--- a/app/Livewire/Project/Show.php
+++ b/app/Livewire/Project/Show.php
@@ -9,6 +9,8 @@ class Show extends Component
 {
     public Project $project;
 
+    public $environments;
+
     public function mount()
     {
         $projectUuid = request()->route('project_uuid');
@@ -18,7 +20,8 @@ public function mount()
         if (! $project) {
             return redirect()->route('dashboard');
         }
-        $project->load(['environments']);
+
+        $this->environments = $project->environments->sortBy('created_at');
         $this->project = $project;
     }
 
diff --git a/resources/views/livewire/project/show.blade.php b/resources/views/livewire/project/show.blade.php
index c975c5028..f4f5299f9 100644
--- a/resources/views/livewire/project/show.blade.php
+++ b/resources/views/livewire/project/show.blade.php
@@ -11,7 +11,7 @@
     </div>
     <div class="text-xs truncate subtitle lg:text-sm">{{ $project->name }}.</div>
     <div class="grid gap-2 lg:grid-cols-2">
-        @forelse ($project->environments as $environment)
+        @forelse ($environments as $environment)
             <div class="gap-2 border border-transparent cursor-pointer box group" x-data
                 x-on:click="goto('{{ $project->uuid }}','{{ $environment->name }}')">
                 <div class="flex flex-1 mx-6">