diff --git a/content/home/index.md b/content/home/index.md
index a69b9ec..9f59824 100644
--- a/content/home/index.md
+++ b/content/home/index.md
@@ -134,7 +134,7 @@ extra:
 ---------------------------------------------
 
 <div class="mx-auto mt-10 px-6 lg:px-0 lg:max-w-6xl">
-      <a href="/download" class=" rounded-2xl bg-black px-6 py-2 text-sm font-semibold text-white shadow-xs hover:bg-gray-900 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-gray-200">Get Started</a>
+      <a href="/download" class=" rounded-2xl bg-black border border-gray-50 px-6 py-2 text-sm font-semibold text-white shadow-xs hover:bg-gray-900 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-gray-200">Get Started</a>
 </div>
 
 
diff --git a/static/images/mycel_1.png b/static/images/mycel_1.png
index 33876c2..fb2f4fd 100644
Binary files a/static/images/mycel_1.png and b/static/images/mycel_1.png differ
diff --git a/templates/shortcodes/hero.html b/templates/shortcodes/hero.html
index c959d0e..16524a6 100644
--- a/templates/shortcodes/hero.html
+++ b/templates/shortcodes/hero.html
@@ -22,7 +22,7 @@
           {{ description }} <br><br> <b>{{ highlight }}</b>
         </p>
         <div class="mt-10 flex items-center gap-x-6">
-            <a href="{{ button_link }}" class="rounded-2xl bg-black px-3.5 py-2.5 text-sm font-semibold text-white shadow-xs hover:bg-gray-600 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-gray-200">
+            <a href="{{ button_link }}" class="rounded-2xl bg-black border border-gray-50 px-3.5 py-2.5 text-sm font-semibold text-white shadow-xs hover:bg-gray-600 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-gray-200">
               {{ button_text }}
             </a>
         </div>