diff --git a/src/lib/components/actions.svelte b/src/lib/components/actions.svelte
index 56476363..8b3899ec 100644
--- a/src/lib/components/actions.svelte
+++ b/src/lib/components/actions.svelte
@@ -180,26 +180,24 @@
 				><i class="far fa-copy mr-2" /> Copy Image to clipboard
 			</button>
 		{/if}
-		<button id="downloadPNG" class="action-btn flex-auto" on:click={onDownloadPNG}>
+		<button id="downloadPNG" class="action-btn flex-grow" on:click={onDownloadPNG}>
 			<i class="fas fa-download mr-2" /> PNG
 		</button>
-		<button id="downloadSVG" class="action-btn flex-auto" on:click={onDownloadSVG}>
+		<button id="downloadSVG" class="action-btn flex-grow" on:click={onDownloadSVG}>
 			<i class="fas fa-download mr-2" /> SVG
 		</button>
-		<a target="_blank" href={iUrl}>
-			<button class="action-btn flex-auto">
+		<a target="_blank" class="flex-grow" href={iUrl}>
+			<button class="action-btn w-full">
 				<i class="fas fa-external-link-alt mr-2" /> PNG
 			</button>
 		</a>
-
-		<a target="_blank" href={svgUrl}>
-			<button class="action-btn flex-auto">
+		<a target="_blank" class="flex-grow" href={svgUrl}>
+			<button class="action-btn w-full">
 				<i class="fas fa-external-link-alt mr-2" /> SVG
 			</button>
 		</a>
-
-		<a target="_blank" href={krokiUrl}>
-			<button class="action-btn flex-auto">
+		<a target="_blank" class="flex-grow" href={krokiUrl}>
+			<button class="action-btn w-full">
 				<i class="fas fa-external-link-alt mr-2" /> Kroki
 			</button>
 		</a>
diff --git a/src/lib/components/navbar.svelte b/src/lib/components/navbar.svelte
index bdaf56b0..0ef9efd5 100644
--- a/src/lib/components/navbar.svelte
+++ b/src/lib/components/navbar.svelte
@@ -39,7 +39,7 @@
 	];
 </script>
 
-<div class="navbar mb-2 shadow-lg bg-primary">
+<div class="navbar shadow-lg bg-primary p-0">
 	<div class="flex-1 px-2 mx-2">
 		<span class="text-lg font-bold">
 			<a href="/">Mermaid<span class="text-xs font-thin">v{version}</span> Live Editor</a>