diff --git a/components/ui/Button.tsx b/components/ui/Button.tsx
index 071e831..186cfec 100644
--- a/components/ui/Button.tsx
+++ b/components/ui/Button.tsx
@@ -7,7 +7,7 @@ export default function Button({
 }) {
   return (
     <button
-      className={`${mode == "LIGHT" ? "bg-slate-400 dark:bg-slate-800 hover:bg-slate-600" : "bg-gray-400 dark:bg-slate-900"} font-medium py-2 px-4 rounded-lg shadow-md transition duration-200 ease-in-out`}
+      className={`${mode == "LIGHT" ? "bg-slate-400 dark:bg-slate-800 border-slate-800 hover:bg-slate-500" : "bg-gray-400 dark:bg-slate-900 dark:border-slate-900 border-slate-400 hover:bg-slate-600"} border-4 border-double cursor-pointer font-medium py-2 px-4 rounded-lg shadow-md transition duration-200 ease-in-out`}
     >
       {title}
     </button>