diff --git a/static/code/css/ubq.css b/static/code/css/ubq.css
index 59c237b..58cebce 100644
--- a/static/code/css/ubq.css
+++ b/static/code/css/ubq.css
@@ -1182,3 +1182,12 @@ div#down-arrow-wrapper {
   padding-bottom: 24px;
   background-image: url(../../image/grid-25.png);
 }
+
+input[type="button"] {
+  font-weight: 600;
+  background: #00ffff40;
+  padding: 16px 32px;
+}
+input[type="button"]:hover{
+  background: #00ffff80;
+}
\ No newline at end of file
diff --git a/static/code/js/devpool-directory-spread/devpool-directory-spread.ts b/static/code/js/devpool-directory-spread/devpool-directory-spread.ts
index a6d28d5..961e52c 100644
--- a/static/code/js/devpool-directory-spread/devpool-directory-spread.ts
+++ b/static/code/js/devpool-directory-spread/devpool-directory-spread.ts
@@ -27,7 +27,7 @@ export function devPoolSpread() {
     .then((totalRewards) => {
       const totalRewardsElement = document.getElementById("fetch-total-rewards-target");
       if (!totalRewardsElement) throw new Error("No total rewards element");
-      totalRewardsElement.innerText = `$${totalRewards} USD in task rewards now.`;
+      totalRewardsElement.innerText = `Earn $${totalRewards} USD in task rewards now.`;
     })
     .catch((error) => {
       console.error("Error fetching total rewards:", error);
diff --git a/static/index.html b/static/index.html
index 626a336..71220ed 100644
--- a/static/index.html
+++ b/static/index.html
@@ -67,7 +67,7 @@ <h1>Join Ubiquity DAO</h1>
             <figure>
               <h2 id="fetch-total-rewards-target"></h2>
               <h3
-                ><a href="https://work.ubq.fi/"><input type="button" value="View the DevPool Directory" /></a
+                ><a href="https://work.ubq.fi/"><input type="button" value="Visit the DevPool Directory" /></a
               ></h3>
             </figure>
           </div>