diff --git a/resources/views/livewire/dashboard.blade.php b/resources/views/livewire/dashboard.blade.php
index 77f791c7e..777624fe3 100644
--- a/resources/views/livewire/dashboard.blade.php
+++ b/resources/views/livewire/dashboard.blade.php
@@ -159,7 +159,7 @@ class="p-2 font-bold group-hover:dark:text-white group-hover:text-black dark:hov
                 @foreach ($deployments as $deployment)
                     <a href="{{ data_get($deployment, 'deployment_url') }}" @class([
                         'gap-2 cursor-pointer box group border-l-2 border-dotted',
-                        'border-coolgray-500' => data_get($deployment, 'status') === 'queued',
+                        'dark:border-coolgray-300' => data_get($deployment, 'status') === 'queued',
                         'border-yellow-500' => data_get($deployment, 'status') === 'in_progress',
                     ])>
                         <div class="flex flex-col mx-6">
diff --git a/resources/views/livewire/notifications/email-settings.blade.php b/resources/views/livewire/notifications/email-settings.blade.php
index 87c5bb3df..811aa4232 100644
--- a/resources/views/livewire/notifications/email-settings.blade.php
+++ b/resources/views/livewire/notifications/email-settings.blade.php
@@ -50,7 +50,7 @@
             </x-forms.button>
         </form>
         <div class="flex flex-col gap-4">
-            <div class="p-4 border border-coolgray-500">
+            <div class="p-4 border dark:border-coolgray-300">
                 <h3>SMTP Server</h3>
                 <div class="w-32">
                     <x-forms.checkbox instantSave id="team.smtp_enabled" label="Enabled" />
@@ -77,7 +77,7 @@
                     </div>
                 </form>
             </div>
-            <div class="p-4 border border-coolgray-500">
+            <div class="p-4 border dark:border-coolgray-300">
                 <h3>Resend</h3>
                 <div class="w-32">
                     <x-forms.checkbox instantSave='instantSaveResend' id="team.resend_enabled" label="Enabled" />
diff --git a/resources/views/livewire/server/log-drains.blade.php b/resources/views/livewire/server/log-drains.blade.php
index b1c6f9036..da25b134e 100644
--- a/resources/views/livewire/server/log-drains.blade.php
+++ b/resources/views/livewire/server/log-drains.blade.php
@@ -4,7 +4,7 @@
         <h2>Log Drains</h2>
         <div class="pb-4">Sends service logs to 3rd party tools.</div>
         <div class="flex flex-col gap-4 pt-4">
-            <div class="p-4 border border-coolgray-500">
+            <div class="p-4 border dark:border-coolgray-300">
                 <form wire:submit='submit("newrelic")' class="flex flex-col">
                     <h3>New Relic</h3>
                     <div class="w-32">
diff --git a/resources/views/livewire/settings/auth.blade.php b/resources/views/livewire/settings/auth.blade.php
index 8c769f233..46aa40fa5 100644
--- a/resources/views/livewire/settings/auth.blade.php
+++ b/resources/views/livewire/settings/auth.blade.php
@@ -10,7 +10,7 @@
         </div>
         <div class="flex flex-col gap-2 pt-4">
             @foreach ($oauth_settings_map as $oauth_setting)
-                <div class="p-4 border border-coolgray-500">
+                <div class="p-4 border dark:border-coolgray-300">
                     <h3>{{ucfirst($oauth_setting->provider)}} Oauth</h3>
                     <div class="w-32">
                         <x-forms.checkbox instantSave id="oauth_settings_map.{{$oauth_setting->provider}}.enabled" label="Enabled" />
@@ -27,4 +27,4 @@
             @endforeach
         </div>
     </form>
-</div>
\ No newline at end of file
+</div>
diff --git a/resources/views/livewire/settings/email.blade.php b/resources/views/livewire/settings/email.blade.php
index ba40c9cb8..efe1d714b 100644
--- a/resources/views/livewire/settings/email.blade.php
+++ b/resources/views/livewire/settings/email.blade.php
@@ -14,7 +14,7 @@
         </div>
     </form>
     <div class="flex flex-col gap-4">
-        <div class="p-4 border border-coolgray-500">
+        <div class="p-4 border dark:border-coolgray-300">
             <form wire:submit='submit' class="flex flex-col">
                 <div class="flex gap-2">
                     <h3>SMTP Server</h3>
@@ -41,7 +41,7 @@
                 </div>
             </form>
         </div>
-        <div class="p-4 border border-coolgray-500">
+        <div class="p-4 border dark:border-coolgray-300">
             <form wire:submit='submitResend' class="flex flex-col">
                 <div class="flex gap-2">
                     <h3>Resend</h3>
diff --git a/resources/views/livewire/tags/index.blade.php b/resources/views/livewire/tags/index.blade.php
index 0ee2b0152..b7840ff15 100644
--- a/resources/views/livewire/tags/index.blade.php
+++ b/resources/views/livewire/tags/index.blade.php
@@ -54,7 +54,7 @@ class="font-bold text-white">{{ $service->project()->name }}/{{ $service->enviro
                                         <a href="{{ data_get($deployment, 'deployment_url') }}"
                                             @class([
                                                 'gap-2 cursor-pointer box group border-l-2 border-dotted',
-                                                'border-coolgray-500' => data_get($deployment, 'status') === 'queued',
+                                                'dark:border-coolgray-300' => data_get($deployment, 'status') === 'queued',
                                                 'border-yellow-500' => data_get($deployment, 'status') === 'in_progress',
                                             ])>
                                             <div class="flex flex-col mx-6">
diff --git a/resources/views/livewire/tags/show.blade.php b/resources/views/livewire/tags/show.blade.php
index f417a88ba..0bf8d1b43 100644
--- a/resources/views/livewire/tags/show.blade.php
+++ b/resources/views/livewire/tags/show.blade.php
@@ -57,7 +57,7 @@ class="font-bold text-white">{{ $service->project()->name }}/{{ $service->enviro
                     @foreach ($deployments as $deployment)
                         <a href="{{ data_get($deployment, 'deployment_url') }}" @class([
                             'gap-2 cursor-pointer box group border-l-2 border-dotted',
-                            'border-coolgray-500' => data_get($deployment, 'status') === 'queued',
+                            'dark:border-coolgray-300' => data_get($deployment, 'status') === 'queued',
                             'border-yellow-500' => data_get($deployment, 'status') === 'in_progress',
                         ])>
                             <div class="flex flex-col mx-6">