diff --git a/apps/api/src/lib/templates.ts b/apps/api/src/lib/templates.ts
index f7493fdb7..339ceb6c8 100644
--- a/apps/api/src/lib/templates.ts
+++ b/apps/api/src/lib/templates.ts
@@ -159,6 +159,9 @@ export default [
                 "label": "Secret Key Base",
                 "defaultValue": "$$generate_passphrase",
                 "description": "",
+                "details": {
+                    "length":64
+                }
             },
             {
                 "id": "$$config_disable_auth",
diff --git a/apps/api/src/routes/api/v1/services/handlers.ts b/apps/api/src/routes/api/v1/services/handlers.ts
index 0dc3a8cb2..428a80465 100644
--- a/apps/api/src/routes/api/v1/services/handlers.ts
+++ b/apps/api/src/routes/api/v1/services/handlers.ts
@@ -221,9 +221,11 @@ export async function saveServiceType(request: FastifyRequest<SaveServiceType>,
                     let { id: variableId } = variable;
                     if (variableId.startsWith('$$secret_')) {
                         if (variable.defaultValue === '$$generate_password') {
-                            variable.value = generatePassword({});
+                            const length = variable?.details['length'] || null
+                            variable.value = generatePassword({length});
                         } else if (variable.defaultValue === '$$generate_passphrase') {
-                            variable.value = cuid();
+                            const length = variable?.details['length'] || null
+                            variable.value = generatePassword({length});
                         }
                     }
                     if (variableId.startsWith('$$config_')) {
diff --git a/apps/ui/src/routes/applications/[id]/logs/index.svelte b/apps/ui/src/routes/applications/[id]/logs/index.svelte
index 3cf06869d..139f9ec21 100644
--- a/apps/ui/src/routes/applications/[id]/logs/index.svelte
+++ b/apps/ui/src/routes/applications/[id]/logs/index.svelte
@@ -135,47 +135,46 @@
 				<div class="text-xl font-bold tracking-tighter">Container not found / exited.</div>
 			{/if}
 		{:else}
-			<div class="relative w-full"></div>
-				<div class="flex justify-start sticky space-x-2 pb-2">
-					<button
-						on:click={followBuild}
-						class="btn btn-sm bg-coollabs"
-						class:bg-coolgray-300={followingLogs}
-						class:text-applications={followingLogs}
+			<div class="relative w-full" />
+			<div class="flex justify-start sticky space-x-2 pb-2">
+				<button
+					on:click={followBuild}
+					class="btn btn-sm bg-coollabs"
+					class:bg-coolgray-300={followingLogs}
+					class:text-applications={followingLogs}
+				>
+					<svg
+						xmlns="http://www.w3.org/2000/svg"
+						class="w-6 h-6 mr-2"
+						viewBox="0 0 24 24"
+						stroke-width="1.5"
+						stroke="currentColor"
+						fill="none"
+						stroke-linecap="round"
+						stroke-linejoin="round"
 					>
-						<svg
-							xmlns="http://www.w3.org/2000/svg"
-							class="w-6 h-6 mr-2"
-							viewBox="0 0 24 24"
-							stroke-width="1.5"
-							stroke="currentColor"
-							fill="none"
-							stroke-linecap="round"
-							stroke-linejoin="round"
-						>
-							<path stroke="none" d="M0 0h24v24H0z" fill="none" />
-							<circle cx="12" cy="12" r="9" />
-							<line x1="8" y1="12" x2="12" y2="16" />
-							<line x1="12" y1="8" x2="12" y2="16" />
-							<line x1="16" y1="12" x2="12" y2="16" />
-						</svg>
-						{followingLogs ? 'Following Logs...' : 'Follow Logs'}
-					</button>
-					{#if loadLogsInterval}
+						<path stroke="none" d="M0 0h24v24H0z" fill="none" />
+						<circle cx="12" cy="12" r="9" />
+						<line x1="8" y1="12" x2="12" y2="16" />
+						<line x1="12" y1="8" x2="12" y2="16" />
+						<line x1="16" y1="12" x2="12" y2="16" />
+					</svg>
+					{followingLogs ? 'Following Logs...' : 'Follow Logs'}
+				</button>
+				{#if loadLogsInterval}
 					<button id="streaming" class="btn btn-sm bg-transparent border-none loading"
-					>Streaming logs</button
-				>
-					{/if}
-				</div>
-				<div
-					bind:this={logsEl}
-					on:scroll={detect}
-					class="font-mono w-full bg-coolgray-100 border border-coolgray-200 p-5 overflow-x-auto overflox-y-auto max-h-[80vh] rounded mb-20 flex flex-col scrollbar-thumb-coollabs scrollbar-track-coolgray-200 scrollbar-w-1"
-				>
-					{#each logs as log}
-						<p>{log + '\n'}</p>
-					{/each}
-				</div>
+						>Streaming logs</button
+					>
+				{/if}
+			</div>
+			<div
+				bind:this={logsEl}
+				on:scroll={detect}
+				class="font-mono w-full bg-coolgray-100 border border-coolgray-200 p-5 overflow-x-auto overflox-y-auto max-h-[80vh] rounded mb-20 flex flex-col scrollbar-thumb-coollabs scrollbar-track-coolgray-200 scrollbar-w-1"
+			>
+				{#each logs as log}
+					<p>{log + '\n'}</p>
+				{/each}
 			</div>
 		{/if}
 	</div>