diff --git a/src/components/BuyMeACoffe.astro b/src/components/BuyMeACoffe.astro
index 15a834a..4e90438 100644
--- a/src/components/BuyMeACoffe.astro
+++ b/src/components/BuyMeACoffe.astro
@@ -8,7 +8,7 @@
     src="https://cdn.buymeacoffee.com/buttons/bmc-new-btn-logo.svg"
     alt="Buy me a coffee"
   />
-  <>Buy me a coffee</>
+  <div class="buy-coffee-text">Buy me a coffee</div>
 </button>
 <script>
   import "../styles/global.css";
diff --git a/src/styles/global.css b/src/styles/global.css
index 220de94..36cc71c 100644
--- a/src/styles/global.css
+++ b/src/styles/global.css
@@ -100,6 +100,12 @@ html.dark {
   background-color: darkorange;
   color: #dedbdb;
   gap: 10px;
+  cursor: pointer;
+}
+
+.buy-coffee-text {
+  font-size: 0.8rem;
+  color: black;
 }
 
 .btc-image {