diff --git a/src/components/widgets/Button.astro b/src/components/widgets/Button.astro
index 80e354d..bf53425 100644
--- a/src/components/widgets/Button.astro
+++ b/src/components/widgets/Button.astro
@@ -4,10 +4,10 @@ const { buttonName, className } = Astro.props;
 
 <button 
   class:list={["border-2 border-navy bg-white m-9 button-shadow", 
-  "transition delay-150 hover:bg-navy hover:text-sky-600",
+  "transition delay-150 hover:bg-navy",
   className]}
 >
-  {buttonName}
+  <p class="hover:text-white">{buttonName}</p>
 </button>
 <style>
   .button-shadow {