diff --git a/apps/api/src/lib/buildPacks/compose.ts b/apps/api/src/lib/buildPacks/compose.ts
index f0f966ddb..9e3ab12cb 100644
--- a/apps/api/src/lib/buildPacks/compose.ts
+++ b/apps/api/src/lib/buildPacks/compose.ts
@@ -66,12 +66,12 @@ export default async function (data) {
 				}
 			}
 		}
-    if (build.length > 0 || buildArgs.length > 0 ) {
-		value['build'] = {
-			...build,
-			args: finalArgs
-		};
-    }
+		if (build.length > 0 || buildArgs.length > 0) {
+			value['build'] = {
+				...build,
+				args: finalArgs
+			};
+		}
 
 		value['labels'] = labels;
 		// TODO: If we support separated volume for each service, we need to add it here
@@ -104,8 +104,11 @@ export default async function (data) {
 					name: network
 				};
 			});
+			value['networks'] = [...(value['networks'] || ''), network];
+		} else {
+			value['networks'] = [network];
 		}
-		value['networks'] = [...(value['networks'] || ''), network];
+
 		dockerComposeYaml.services[key] = {
 			...dockerComposeYaml.services[key],
 			restart: defaultComposeConfiguration(network).restart,
diff --git a/apps/ui/src/routes/applications/[id]/logs/index.svelte b/apps/ui/src/routes/applications/[id]/logs/index.svelte
index 48922e660..c52e1d0cf 100644
--- a/apps/ui/src/routes/applications/[id]/logs/index.svelte
+++ b/apps/ui/src/routes/applications/[id]/logs/index.svelte
@@ -111,7 +111,7 @@
 		<div class="title font-bold pb-3">Application Logs</div>
 	</div>
 </div>
-<div class="flex gap-2 lg:gap-8 pb-4">
+<div class="grid grid-cols-3 gap-2 lg:gap-8 pb-4">
 	{#each services as service}
 		<button
 			on:click={() => selectService(service, true)}