diff --git a/resources/views/livewire/dashboard.blade.php b/resources/views/livewire/dashboard.blade.php
index 28850d5e9..0670f5aaa 100644
--- a/resources/views/livewire/dashboard.blade.php
+++ b/resources/views/livewire/dashboard.blade.php
@@ -9,10 +9,10 @@
             <svg xmlns="http://www.w3.org/2000/svg" class="w-6 h-6 stroke-current shrink-0" fill="none"
                 viewBox="0 0 24 24">
                 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" />
+                    d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" />
             </svg>
             Your subscription has been activated! Welcome onboard! <br>It could take a few seconds before your
-                subscription is activated.<br> Please be patient.
+            subscription is activated.<br> Please be patient.
         </div>
     @endif
     <h3 class="pb-4">Projects</h3>
@@ -23,23 +23,24 @@
                     @if (data_get($project, 'environments')->count() === 1) onclick="gotoProject('{{ data_get($project, 'uuid') }}', '{{ data_get($project, 'environments.0.name', 'production') }}')"
                 @else
                     onclick="window.location.href = '{{ route('project.show', ['project_uuid' => data_get($project, 'uuid')]) }}'" @endif>
-                    <div class="flex flex-col justify-center flex-1 mx-6">
-                        <div class="box-title">{{ $project->name }}</div>
-                        <div class="box-description">
-                            {{ $project->description }}</div>
-                    </div>
-                    <span
-                        class="flex items-center justify-center gap-2 pt-4 pb-2 mr-4 text-xs lg:py-0 lg:justify-normal">
-                        <a class="hover:underline"
-                            href="{{ route('project.resource.create', ['project_uuid' => data_get($project, 'uuid'), 'environment_name' => data_get($project, 'environments.0.name', 'production')]) }}">
-                            <span class="p-2 font-bold">+
-                                Add Resource</span>
-                        </a>
-                        <a class="font-bold hover:underline"
+                    <div class="flex flex-1 mx-6">
+                        <div class="flex flex-col justify-center flex-1">
+                            <div class="box-title">{{ $project->name }}</div>
+                            <div class="box-description">
+                                {{ $project->description }}</div>
+                        </div>
+                        <div class="flex items-center justify-center gap-2 text-xs font-bold ">
+                            <a class="hover:underline"
+                                href="{{ route('project.resource.create', ['project_uuid' => data_get($project, 'uuid'), 'environment_name' => data_get($project, 'environments.0.name', 'production')]) }}">
+                                <span class="p-2 font-bold">+
+                                    Add Resource</span>
+                            </a>
+                            <a class="hover:underline"
                             href="{{ route('project.edit', ['project_uuid' => data_get($project, 'uuid')]) }}">
                             Settings
                         </a>
-                    </span>
+                        </div>
+                    </div>
                 </div>
             @endforeach
         </div>
diff --git a/resources/views/livewire/project/show.blade.php b/resources/views/livewire/project/show.blade.php
index f4c79c7e8..f180787c9 100644
--- a/resources/views/livewire/project/show.blade.php
+++ b/resources/views/livewire/project/show.blade.php
@@ -11,18 +11,26 @@
         @forelse ($project->environments as $environment)
             <div class="gap-2 border border-transparent cursor-pointer box group" x-data
                 x-on:click="goto('{{ $project->uuid }}','{{ $environment->name }}')">
-                <a class="flex flex-col justify-center flex-1 mx-6 hover:no-underline"
-                    href="{{ route('project.resource.index', [$project->uuid, $environment->name]) }}">
-                    <div class="font-bold dark:text-white"> {{ $environment->name }}</div>
-                    <div class="description">
-                        {{ $environment->description }}</div>
-                </a>
-                <div class="flex items-center justify-center gap-2 pt-4 pb-2 mr-4 text-xs lg:py-0 lg:justify-normal">
+                <div class="flex flex-1 mx-6">
+                    <a class="flex flex-col justify-center flex-1"
+                        href="{{ route('project.resource.index', [$project->uuid, $environment->name]) }}">
+                        <div class="font-bold dark:text-white"> {{ $environment->name }}</div>
+                        <div class="description">
+                            {{ $environment->description }}</div>
+                    </a>
+                    <div class="flex items-center justify-center gap-2 text-xs">
+                        <a class="font-bold hover:underline"
+                            href="{{ route('project.environment.edit', ['project_uuid' => data_get($project, 'uuid'), 'environment_name' => $environment->name]) }}">
+                            Settings
+                        </a>
+                    </div>
+                </div>
+                {{-- <div class="flex items-center justify-center gap-2 pt-4 pb-2 mr-4 text-xs lg:py-0 lg:justify-normal">
                     <a class="mx-4 font-bold hover:underline"
                         href="{{ route('project.environment.edit', ['project_uuid' => data_get($project, 'uuid'), 'environment_name' => $environment->name]) }}">
                         Settings
                     </a>
-                </div>
+                </div> --}}
             </div>
         @empty
             <p>No environments found.</p>