diff --git a/components/Button.tsx b/components/Button.tsx
index 06daea1..057efc9 100644
--- a/components/Button.tsx
+++ b/components/Button.tsx
@@ -12,7 +12,7 @@ const Button = ({
 	return href ? (
 		<Link href={!disabled && href}>
 			<a
-				className={`cursor-pointer rounded-md px-4 py-2 transition duration-300 ease select-none outline-none foucs:outline-none ${className ??
+				className={`cursor-pointer rounded-md px-4 py-2 transition duration-300 ease select-none outline-none foucs:outline-none mr-1.5 ${className ??
 					'bg-discord-blurple hover:opacity-80 dark:bg-very-black dark:hover:bg-discord-dark-hover text-white'}`}
 			>
 				{children}
@@ -22,7 +22,7 @@ const Button = ({
 		<button
 			type={disabled ? 'button' : type}
 			onClick={disabled ? null : onClick}
-			className={`cursor-pointer rounded-md px-4 py-2 transition duration-300 ease select-none outline-none foucs:outline-none ${className ??
+			className={`cursor-pointer rounded-md px-4 py-2 transition duration-300 ease select-none outline-none foucs:outline-none mr-1.5 ${className ??
 				'bg-discord-blurple hover:opacity-80 dark:bg-very-black dark:hover:bg-discord-dark-hover text-white'}`}
 		>
 			{children}
@@ -30,7 +30,7 @@ const Button = ({
 	) : (
 		<button
 			type={disabled ? 'button' : type}
-			className={`cursor-pointer rounded-md px-4 py-2 transition duration-300 ease select-none outline-none foucs:outline-none ${className ??
+			className={`cursor-pointer rounded-md px-4 py-2 transition duration-300 ease select-none outline-none foucs:outline-none mr-1.5 ${className ??
 				'bg-discord-blurple hover:opacity-80 dark:bg-very-black dark:hover:bg-discord-dark-hover text-white'}`}
 		>
 			{children}