diff --git a/public/favicon-dev.png b/public/favicon-dev.png
new file mode 100644
index 000000000..d7c507015
Binary files /dev/null and b/public/favicon-dev.png differ
diff --git a/public/favicon.ico b/public/favicon.ico
deleted file mode 100644
index e69de29bb..000000000
diff --git a/public/favicon.png b/public/favicon.png
new file mode 100644
index 000000000..2c4482801
Binary files /dev/null and b/public/favicon.png differ
diff --git a/resources/css/app.css b/resources/css/app.css
index c3437787a..16536e839 100644
--- a/resources/css/app.css
+++ b/resources/css/app.css
@@ -29,7 +29,7 @@ h3 {
     @apply text-lg font-bold pb-4;
 }
 a {
-    @apply m-2 hover:text-coollabs;
+    @apply text-neutral-400 m-2 hover:underline;
 }
 
 .box {
diff --git a/resources/views/components/layout.blade.php b/resources/views/components/layout.blade.php
index bef871e9c..d46017040 100644
--- a/resources/views/components/layout.blade.php
+++ b/resources/views/components/layout.blade.php
@@ -8,8 +8,10 @@
     <link href="https://api.fonts.coollabs.io/css2?family=Inter&display=swap" rel="stylesheet">
     @env('local')
     <title>Coolify - localhost</title>
+    <link rel="icon" href="{{ asset('favicon-dev.png') }}" type="image/x-icon" />
     @endenv
     @env('production')
+    <link rel="icon" href="{{ asset('favicon.png') }}" type="image/x-icon" />
     <title>{{ $title ?? 'Coolify' }}</title>
     @endenv
     <meta name="csrf-token" content="{{ csrf_token() }}">
diff --git a/resources/views/components/navbar.blade.php b/resources/views/components/navbar.blade.php
index 43f9661e7..b2b14cf68 100644
--- a/resources/views/components/navbar.blade.php
+++ b/resources/views/components/navbar.blade.php
@@ -27,7 +27,7 @@
                 <livewire:force-upgrade />
                 <form action="/logout" method="POST">
                     @csrf
-                    <button class="m-1 border-none hover:underline" type="submit">Logout</button>
+                    <button class="m-1 border-none hover:underline text-neutral-400" type="submit">Logout</button>
                 </form>
             </div>
         </div>
diff --git a/resources/views/livewire/force-upgrade.blade.php b/resources/views/livewire/force-upgrade.blade.php
index a70a8d702..d043e0cb9 100644
--- a/resources/views/livewire/force-upgrade.blade.php
+++ b/resources/views/livewire/force-upgrade.blade.php
@@ -1,5 +1,5 @@
 <div>
     @if (auth()->user()->teams->contains(0))
-        <button wire:click='upgrade' class="m-1 border-none hover:underline">Force Upgrade</button>
+        <button wire:click='upgrade' class="m-1 border-none hover:underline text-neutral-400">Force Upgrade</button>
     @endif
 </div>
diff --git a/resources/views/project/application/configuration.blade.php b/resources/views/project/application/configuration.blade.php
index dae6abdac..0dde49534 100644
--- a/resources/views/project/application/configuration.blade.php
+++ b/resources/views/project/application/configuration.blade.php
@@ -3,25 +3,25 @@
     <h1 class="py-10">Configuration</h1>
     <div x-data="{ activeTab: window.location.hash ? window.location.hash.substring(1) : 'general' }" class="flex pt-6">
         <div class="flex flex-col min-w-fit">
-            <a :class="activeTab === 'general' && 'text-coollabs-100'"
+            <a :class="activeTab === 'general' && 'text-white'"
                 @click.prevent="activeTab = 'general'; window.location.hash = 'general'" href="#">General</a>
-            <a :class="activeTab === 'environment-variables' && 'text-coollabs-100'"
+            <a :class="activeTab === 'environment-variables' && 'text-white'"
                 @click.prevent="activeTab = 'environment-variables'; window.location.hash = 'environment-variables'"
                 href="#">Environment
                 Variables</a>
-            <a :class="activeTab === 'source' && 'text-coollabs-100'"
+            <a :class="activeTab === 'source' && 'text-white'"
                 @click.prevent="activeTab = 'source'; window.location.hash = 'source'" href="#">Source</a>
-            <a :class="activeTab === 'destination' && 'text-coollabs-100'"
+            <a :class="activeTab === 'destination' && 'text-white'"
                 @click.prevent="activeTab = 'destination'; window.location.hash = 'destination'"
                 href="#">Destination
             </a>
-            <a :class="activeTab === 'storages' && 'text-coollabs-100'"
+            <a :class="activeTab === 'storages' && 'text-white'"
                 @click.prevent="activeTab = 'storages'; window.location.hash = 'storages'" href="#">Storages
             </a>
-            <a :class="activeTab === 'revert' && 'text-coollabs-100'"
+            <a :class="activeTab === 'revert' && 'text-white'"
                 @click.prevent="activeTab = 'revert'; window.location.hash = 'revert'" href="#">Revert
             </a>
-            {{-- <a :class="activeTab === 'previews' && 'text-coollabs-100'"
+            {{-- <a :class="activeTab === 'previews' && 'text-white'"
                 @click.prevent="activeTab = 'previews'; window.location.hash = 'previews'" href="#">Previews
             </a> --}}
         </div>
diff --git a/resources/views/server/show.blade.php b/resources/views/server/show.blade.php
index 3e1a0fded..e7977d4b3 100644
--- a/resources/views/server/show.blade.php
+++ b/resources/views/server/show.blade.php
@@ -1,10 +1,10 @@
 <x-layout>
     <div class="text-3xl font-bold">Server</div>
     <div x-data="{ activeTab: window.location.hash ? window.location.hash.substring(1) : 'general' }" class="flex pt-6">
-        <div class="flex flex-col gap-4 min-w-fit">
-            <a :class="activeTab === 'general' && 'text-purple-500'"
+        <div class="flex flex-col min-w-fit">
+            <a :class="activeTab === 'general' && 'text-white'"
                 @click.prevent="activeTab = 'general'; window.location.hash = 'general'" href="#">General</a>
-            <a :class="activeTab === 'proxy' && 'text-purple-500'"
+            <a :class="activeTab === 'proxy' && 'text-white'"
                 @click.prevent="activeTab = 'proxy'; window.location.hash = 'proxy'" href="#">Proxy
             </a>
         </div>