diff --git a/src/lib/components/mainLayout.svelte b/src/lib/components/mainLayout.svelte
index f6a10ae..6b0672a 100644
--- a/src/lib/components/mainLayout.svelte
+++ b/src/lib/components/mainLayout.svelte
@@ -1,5 +1,6 @@
 <script lang="ts">
   import MessagesSquare from 'lucide-svelte/icons/messages-square';
+  import { Button } from '$lib/components/ui/button/index';
   import ModeSwitcher from './modeSwitcher.svelte';
   import Channel from './channel.svelte';
   import type { Snippet } from 'svelte';
@@ -29,6 +30,9 @@
           {/each}
         </nav>
       </div>
+      <div class="mt-auto p-4">
+        <Button class="w-full">Create Channel</Button>
+      </div>
     </div>
   </div>
   <div class="p-2 max-h-screen">