diff --git a/src/ui/Button.svelte b/src/ui/Button.svelte
index ff7c068..89180fd 100644
--- a/src/ui/Button.svelte
+++ b/src/ui/Button.svelte
@@ -2,6 +2,7 @@
 	export let on_click = async () => {};
 	/** @type {'blue' | 'red' | 'green' | 'bg'} */
 	export let color = "bg";
+	export let class_div = "";
 	export let class_name = "";
 	export let is_border = true;
 	let is_hover = false;
@@ -13,7 +14,7 @@
 	};
 </script>
 
-<div class="w-auto m-2">
+<div class="w-auto m-2 {class_div}">
 	<button
 		on:click={async () => {
 			is_hover = false;