diff --git a/src/routes/console/project-[project]/databases/[[page]]/+page.svelte b/src/routes/console/project-[project]/databases/[[page]]/+page.svelte
index 5592361c6..4834f3232 100644
--- a/src/routes/console/project-[project]/databases/[[page]]/+page.svelte
+++ b/src/routes/console/project-[project]/databases/[[page]]/+page.svelte
@@ -63,7 +63,7 @@
                 <p class="text u-line-height-1-5">Create your first database to get started</p>
                 <p class="text u-line-height-1-5">Need a hand? Check out our documentation.</p>
             </div>
-            <div class="u-flex u-gap-12">
+            <div class="u-flex u-gap-16">
                 <Button external href="https://appwrite.io/docs/databases" text>
                     Documentation
                 </Button>
diff --git a/src/routes/console/project-[project]/functions/[[page]]/+page.svelte b/src/routes/console/project-[project]/functions/[[page]]/+page.svelte
index 7c5bcecbe..b4062dd76 100644
--- a/src/routes/console/project-[project]/functions/[[page]]/+page.svelte
+++ b/src/routes/console/project-[project]/functions/[[page]]/+page.svelte
@@ -106,7 +106,7 @@
                 <p class="text u-line-height-1-5">Create your first function to get started</p>
                 <p class="text u-line-height-1-5">Need a hand? Check out our documentation.</p>
             </div>
-            <div class="u-flex u-gap-12">
+            <div class="u-flex u-gap-16">
                 <Button href="https://appwrite.io/docs/functions" external text>
                     Documentation
                 </Button>
diff --git a/src/routes/console/project-[project]/functions/function-[function]/[[page]]/+page.svelte b/src/routes/console/project-[project]/functions/function-[function]/[[page]]/+page.svelte
index e500b40c3..328d1e407 100644
--- a/src/routes/console/project-[project]/functions/function-[function]/[[page]]/+page.svelte
+++ b/src/routes/console/project-[project]/functions/function-[function]/[[page]]/+page.svelte
@@ -243,7 +243,7 @@
                 </p>
                 <p class="text u-line-height-1-5">Need a hand? Check out our documentation.</p>
             </div>
-            <div class="u-flex u-gap-12">
+            <div class="u-flex u-gap-16">
                 <Button text external href="https://appwrite.io/docs/functions#createFunction">
                     Documentation
                 </Button>
diff --git a/src/routes/console/project-[project]/settings/webhooks/+page.svelte b/src/routes/console/project-[project]/settings/webhooks/+page.svelte
index 4b72513c4..9e5ff95a1 100644
--- a/src/routes/console/project-[project]/settings/webhooks/+page.svelte
+++ b/src/routes/console/project-[project]/settings/webhooks/+page.svelte
@@ -78,7 +78,7 @@
                 </p>
                 <p class="text u-line-height-1-5">Check out our documentation.</p>
             </div>
-            <div class="u-flex u-gap-12 common-section">
+            <div class="u-flex u-gap-16 common-section">
                 <Button text href="https://appwrite.io/docs/webhooks">Documentation</Button>
                 <Button secondary on:click={openWizard}>
                     <span class="text">Create Webhook</span>
diff --git a/src/routes/console/project-[project]/storage/[[page]]/+page.svelte b/src/routes/console/project-[project]/storage/[[page]]/+page.svelte
index 2be7b21f0..9c7bd0175 100644
--- a/src/routes/console/project-[project]/storage/[[page]]/+page.svelte
+++ b/src/routes/console/project-[project]/storage/[[page]]/+page.svelte
@@ -96,7 +96,7 @@
                 <p class="text u-line-height-1-5">Create your first bucket to get started</p>
                 <p class="text u-line-height-1-5">Need a hand? Check out our documentation.</p>
             </div>
-            <div class="u-flex u-gap-12">
+            <div class="u-flex u-gap-16">
                 <Button external href="https://appwrite.io/docs/storage" text>Documentation</Button>
                 <Button secondary on:click={() => (showCreate = true)}>Create bucket</Button>
             </div>