diff --git a/source/_includes/button.html.twig b/source/_includes/button.html.twig
index 850a5116..02afed38 100644
--- a/source/_includes/button.html.twig
+++ b/source/_includes/button.html.twig
@@ -1,5 +1,5 @@
 <div class="my-4 not-prose {{ position == 'centre' ? 'flex justify-center' }}">
-    <a class="inline-flex justify-center items-center py-3 px-6 w-full text-base font-medium text-white no-underline rounded-md duration-200 ease-in-out md:w-auto hover:bg-white focus:bg-white bg-blue-primary transition-color gap-2 hover:text-blue-primary focus:text-blue-primary" href="{{ url }}">
+    <a class="inline-flex gap-2 justify-center items-center py-3 px-6 w-full text-base font-medium text-white no-underline rounded-md duration-200 ease-in-out md:w-auto hover:bg-white focus:bg-white border-[2px] border-blue-primary bg-blue-primary transition-color dark:hover:border-white hover:text-blue-primary focus:text-blue-primary" href="{{ url }}">
         <span>
             {{ text|raw }}
         </span>