diff --git a/src/routes/console/project-[project]/functions/+page.svelte b/src/routes/console/project-[project]/functions/+page.svelte
index fb663f8ce..ed0574096 100644
--- a/src/routes/console/project-[project]/functions/+page.svelte
+++ b/src/routes/console/project-[project]/functions/+page.svelte
@@ -62,7 +62,7 @@
                                     }.svg`}
                                     alt="technology" />
                             </div>
-                            <span class="text"> {func.name}</span>
+                            <span class="text">{func.name}</span>
                         </div>
                     </svelte:fragment>
                     <svelte:fragment slot="status">
diff --git a/src/routes/console/project-[project]/functions/function/[function]/+page.svelte b/src/routes/console/project-[project]/functions/function/[function]/+page.svelte
index 4a4cca3a3..01319221f 100644
--- a/src/routes/console/project-[project]/functions/function/[function]/+page.svelte
+++ b/src/routes/console/project-[project]/functions/function/[function]/+page.svelte
@@ -95,20 +95,20 @@
                 </svelte:fragment>
             </CardGrid>
         {:else}
-            <Empty isButton on:click={() => (showCreate = true)}>
-                <p class="u-text-center">
-                    Add a new deployment, or activate an existing one to see your function in
-                    action.
-                </p>
-                <p class="u-text-center">
-                    Learn more about deployments in our <a
-                        class="link"
-                        href="https://appwrite.io/docs/functions#build"
-                        target="_blank"
-                        rel="noopener noreferrer">
-                        Documentation</a
-                    >.
-                </p>
+            <Empty single isButton on:click={() => (showCreate = true)}>
+                <div class="u-text-center">
+                    <p>
+                        Create a new deployment, or activate an existing one to see your function in
+                        action.
+                    </p>
+                    <p>Need a hand? Check out our documentation.</p>
+                </div>
+                <div class="u-flex u-gap-12">
+                    <Button text external href="https://appwrite.io/docs/functions#createFunction"
+                        >Documentation</Button>
+                    <Button secondary on:click={() => (showCreate = true)}
+                        >Create Deployment</Button>
+                </div>
             </Empty>
         {/if}
 
@@ -201,10 +201,19 @@
             </TableBody>
         </Table>
     {:else}
-        <Empty isButton single>
-            <p>Create your first deployment to get started</p>
-            <Button external secondary href="https://appwrite.io/docs/functions#createFunction"
-                >Documentation</Button>
+        <Empty isButton single on:click={() => (showCreate = true)}>
+            <div class="u-text-center">
+                <p>
+                    Create a new deployment, or activate an existing one to see your function in
+                    action.
+                </p>
+                <p>Need a hand? Check out our documentation.</p>
+            </div>
+            <div class="u-flex u-gap-12">
+                <Button text external href="https://appwrite.io/docs/functions#createFunction"
+                    >Documentation</Button>
+                <Button secondary on:click={() => (showCreate = true)}>Create Deployment</Button>
+            </div>
         </Empty>
     {/if}
     <div class="u-flex u-margin-block-start-32 u-main-space-between">