diff --git a/components/navbar.vue b/components/navbar.vue
index a2f09ad..467f8fe 100644
--- a/components/navbar.vue
+++ b/components/navbar.vue
@@ -60,11 +60,10 @@
                 <div class="flex items-center">
                     <div class="flex-shrink-0">
                         <span class="rounded-md shadow-sm">
-                            <a
-                                role="button"
+                            <LinkButton
                                 href="https://github.com/ThatGuySam/doesitarm/issues"
-                                class="relative inline-flex items-center px-4 py-2 border border-transparent text-sm leading-5 font-medium rounded-md text-white bg-indigo-500 hover:bg-indigo-400 focus:outline-none focus:shadow-outline-indigo focus:border-indigo-600 active:bg-indigo-600 transition duration-150 ease-in-out">
-                                <!-- Heroicon name: plus -->
+                                class="relative inline-flex items-center border-indigo-500"
+                            >
                                 <svg
                                     class="-ml-1 mr-2 h-5 w-5"
                                     viewBox="0 0 20 20"
@@ -75,7 +74,8 @@
                                         clip-rule="evenodd" />
                                 </svg>
                                 <span>Submit App</span>
-                            </a>
+                            </LinkButton>
+
                         </span>
                     </div>
                 </div>
@@ -112,8 +112,12 @@
 </template>
 
 <script>
+import LinkButton from '~/components/link-button.vue'
 
 export default {
+    components: {
+        LinkButton
+    },
     props: {
         items: {
             type: Array,