diff --git a/public/img/svg/arrow.svg b/public/img/svg/arrow.svg
new file mode 100644
index 0000000..f477a70
--- /dev/null
+++ b/public/img/svg/arrow.svg
@@ -0,0 +1,15 @@
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<!-- Uploaded to: SVG Repo, www.svgrepo.com, Transformed by: SVG Repo Mixer Tools -->
+<svg fill="#7c4c23" width="64px" height="64px" viewBox="0 0 32.00 32.00" xmlns="http://www.w3.org/2000/svg" stroke="#7c4c23" stroke-width="0.00032" transform="rotate(0)">
+
+<g id="SVGRepo_bgCarrier" stroke-width="0"/>
+
+<g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round" stroke="#CCCCCC" stroke-width="0.384"/>
+
+<g id="SVGRepo_iconCarrier">
+
+<path d="M24 11.305l-7.997 11.39L8 11.305z"/>
+
+</g>
+
+</svg>
\ No newline at end of file
diff --git a/src/components/HeroButton.vue b/src/components/HeroButton.vue
index b8a01c2..3366712 100644
--- a/src/components/HeroButton.vue
+++ b/src/components/HeroButton.vue
@@ -1,6 +1,6 @@
 <template>
     <div>
-        <div class="grid grid-cols-7 place-items-center pt-6 w-fit p-4"> 
+        <div class="grid grid-cols-7 place-items-center pt-6 w-full xl:w-fit p-4"> 
         <div @click="showAbModal('abModal')" class="rounded-tl-full text-sm xl:text-lg rounded-br-full col-span-3 shadow-2xl text-blue-700 px-4 md:px-8 p-3 border-2 border-blue-700 transition ease-in-out delay-150 hover:-translate-y-1 hover:scale-110 duration-300"> <button>Speak with Us</button></div>
         <div class="grid text-base xl:text-base col-span-1 font-bold text-color-2">OR</div> 
         <div class="rounded-tl-full text-sm xl:text-base rounded-br-full col-span-3 text-white shadow-2xl  px-4 md:px-8 p-3 bg-blue-700 te border-2 border-blue-700 transition ease-in-out delay-150 hover:-translate-y-1 hover:scale-110 duration-300"><a href="/themes"><button>Check Out Event</button></a></div>   
diff --git a/src/components/Menu.astro b/src/components/Menu.astro
index 59cc0dc..4d6f29c 100644
--- a/src/components/Menu.astro
+++ b/src/components/Menu.astro
@@ -10,7 +10,7 @@
             <a href="/educators">Educators</a>
             <a href="/administrators">Administrators</a>
             <div class="dropdownDesktop">
-                <button class="dropbtnDesktop" style="font-family: quicksand;">Resource <span class="text-xs">∇</span>
+                <button class="dropbtnDesktop" style="font-family: quicksand;">Resource <img class="inline-flex w-6" src="/img/svg/arrow.svg" alt=""/>
                 <i class="fa fa-caret-downDesktop"></i>
                 </button>
                 <div class="dropdown-contentDesktop">
@@ -36,7 +36,7 @@
             <a class="hover:bg-gray-200" href="/educators">Educators</a>
             <a class="hover:bg-gray-200" href="/administrators">Administrators</a>
         <div class="dropdown">
-            <button class="dropbtn">Recources <span class="text-xs">∇</span></button>
+            <button class="dropbtn">Recources <img class="inline-flex w-6" src="/img/svg/arrow.svg" alt=""/></button>
             <div class="dropdown-content">
                 <a href="/worksheets" style="color: white;">Worksheets</a>
                 <a href="/videos" style="color: white;">Videos</a>