diff --git a/apps/ui/src/lib/components/UpdateAvailable.svelte b/apps/ui/src/lib/components/UpdateAvailable.svelte
index cf95265b5..a83c6cc90 100644
--- a/apps/ui/src/lib/components/UpdateAvailable.svelte
+++ b/apps/ui/src/lib/components/UpdateAvailable.svelte
@@ -86,7 +86,7 @@
 				id="update"
 				disabled={updateStatus.success === false}
 				on:click={update}
-				class="icons bg-gradient-to-r from-purple-500 via-pink-500 to-red-500 text-white duration-75 hover:scale-105  w-full"
+				class="icons bg-coollabs-gradient text-white duration-75 hover:scale-105  w-full"
 			>
 				{#if updateStatus.loading}
 					<svg
diff --git a/apps/ui/src/lib/components/Usage.svelte b/apps/ui/src/lib/components/Usage.svelte
index 6d8080b9c..3ed48ee10 100644
--- a/apps/ui/src/lib/components/Usage.svelte
+++ b/apps/ui/src/lib/components/Usage.svelte
@@ -72,17 +72,14 @@
 	{:else}
 		<span class="indicator-item badge bg-success badge-sm" />
 	{/if}
-	{#if server.remoteEngine}
-		<div
-			class="absolute top-0 right-0 text-xl font-bold uppercase bg-gradient-to-r from-purple-500 via-pink-500 to-red-500 p-1 rounded m-2"
-		>
-			BETA
-		</div>
-	{/if}
+
 	<div class="w-full flex flex-col lg:flex-row space-y-4 lg:space-y-0 space-x-4">
 		<div class="flex flex-col">
 			<h1 class="font-bold text-lg lg:text-xl truncate">
 				{server.name}
+				{#if server.remoteEngine}
+					<span class="badge bg-coollabs-gradient rounded text-white"> BETA </span>
+				{/if}
 			</h1>
 			<div class="text-xs">
 				{#if server?.remoteIpAddress}
diff --git a/apps/ui/src/routes/settings/certificates.svelte b/apps/ui/src/routes/settings/certificates.svelte
index a9fabb44c..739a8b01a 100644
--- a/apps/ui/src/routes/settings/certificates.svelte
+++ b/apps/ui/src/routes/settings/certificates.svelte
@@ -57,7 +57,7 @@
 
 	<div class="mx-auto w-full">
 		<div class="flex border-b border-coolgray-500 mb-6">
-			<div class="title font-bold pb-3 pr-4">SSL Certificates</div>
+			<div class="title font-bold pb-3 pr-4">SSL Certificates <span class="badge rounded bg-coollabs-gradient text-white">BETA</span></div>
 			<label for="my-modal" class="btn btn-sm btn-primary" on:click={() => (isModalActive = true)}
 				>Add SSL Certificate</label
 			>
diff --git a/apps/ui/src/routes/settings/coolify.svelte b/apps/ui/src/routes/settings/coolify.svelte
index c347d4c04..88666c744 100644
--- a/apps/ui/src/routes/settings/coolify.svelte
+++ b/apps/ui/src/routes/settings/coolify.svelte
@@ -332,11 +332,7 @@
 						/>
 					</div>
 
-					<input
-						class="w-full "
-						placeholder="1.1.1.1,8.8.8.8"
-						bind:value={DNSServers}
-					/>
+					<input class="w-full " placeholder="1.1.1.1,8.8.8.8" bind:value={DNSServers} />
 				</div>
 
 				<div class="grid grid-cols-2 items-center">
@@ -357,17 +353,15 @@
 						on:click={() => changeSettings('isAPIDebuggingEnabled')}
 					/>
 				</div>
-				{#if browser && $features.beta}
-					<div class="grid grid-cols-2 items-center">
-						<Setting
-							id="isAutoUpdateEnabled"
-							bind:setting={isAutoUpdateEnabled}
-							title={$t('setting.auto_update_enabled')}
-							description={$t('setting.auto_update_enabled_explainer')}
-							on:click={() => changeSettings('isAutoUpdateEnabled')}
-						/>
-					</div>
-				{/if}
+				<div class="grid grid-cols-2 items-center">
+					<Setting
+						id="isAutoUpdateEnabled"
+						bind:setting={isAutoUpdateEnabled}
+						title={$t('setting.auto_update_enabled')}
+						description={$t('setting.auto_update_enabled_explainer')}
+						on:click={() => changeSettings('isAutoUpdateEnabled')}
+					/>
+				</div>
 			</div>
 		</div>
 	</form>
diff --git a/apps/ui/src/tailwind.css b/apps/ui/src/tailwind.css
index cfbaa701c..b60cef99c 100644
--- a/apps/ui/src/tailwind.css
+++ b/apps/ui/src/tailwind.css
@@ -207,3 +207,7 @@ a {
 .burger {
 	@apply block m-[2px] h-[3px] w-5 rounded
 }
+
+.bg-coollabs-gradient {
+	@apply bg-gradient-to-r from-purple-500 via-pink-500 to-red-500;
+}
\ No newline at end of file