diff --git a/src/components/Icon/IconGithub.global.vue b/src/components/Icon/IconGithub.global.vue
new file mode 100644
index 0000000..50fe223
--- /dev/null
+++ b/src/components/Icon/IconGithub.global.vue
@@ -0,0 +1,11 @@
+<template>
+  <svg
+    viewBox="0 0 16 16"
+    fill="currentColor"
+    aria-hidden="true"
+  >
+    <path
+      d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0016 8c0-4.42-3.58-8-8-8z"
+    ></path>
+  </svg>
+</template>
diff --git a/src/components/Layout/LayoutFooter.vue b/src/components/Layout/LayoutFooter.vue
index ad1bb50..766f0e8 100644
--- a/src/components/Layout/LayoutFooter.vue
+++ b/src/components/Layout/LayoutFooter.vue
@@ -34,45 +34,52 @@
 
       <hr class="mt-3 mb-3 border-gray-500" />
 
-      <div class="flex items-center">
-        <span>
-          Data provided by
-          <a
-            class="text-slate-400 hover:text-slate-500 dark:hover:text-slate-300 font-medium"
-            target="_blank"
-            href="https://taxonworks.org/"
-          >
-            TaxonWorks
-          </a>
-        </span>
+      <div class="flex justify-between">
+        <div class="flex items-center">
+          <span>
+            Data provided by
+            <a
+              class="text-slate-400 hover:text-slate-500 dark:hover:text-slate-300 font-medium"
+              target="_blank"
+              href="https://taxonworks.org/"
+            >
+              TaxonWorks
+            </a>
+          </span>
 
-        <span class="ml-2 mr-2">|</span>
+          <span class="ml-2 mr-2">|</span>
 
-        <span>
-          Pages by
-          <a
-            class="text-slate-400 hover:text-slate-500 dark:hover:text-slate-300 font-medium"
-            target="_blank"
-            href="https://github.com/SpeciesFileGroup/taxonpages"
-          >
-            TaxonPages
-          </a>
-        </span>
-        <span class="ml-2 mr-2">|</span>
-        <span>
-          Support (Services) by
-          <a
-            class="text-slate-400 hover:text-slate-500 dark:hover:text-slate-300 font-medium"
-            target="_blank"
-            href="https://speciesfilegroup.org"
-          >
-            Species File Group
-          </a>
-        </span>
+          <span>
+            Pages by
+            <a
+              class="text-slate-400 hover:text-slate-500 dark:hover:text-slate-300 font-medium"
+              target="_blank"
+              href="https://github.com/SpeciesFileGroup/taxonpages"
+            >
+              TaxonPages
+            </a>
+          </span>
+          <span class="ml-2 mr-2">|</span>
+          <span>
+            Support (Services) by
+            <a
+              class="text-slate-400 hover:text-slate-500 dark:hover:text-slate-300 font-medium"
+              target="_blank"
+              href="https://speciesfilegroup.org"
+            >
+              Species File Group
+            </a>
+          </span>
+        </div>
+        <TrackerReport
+          icon
+          label="Report a problem"
+        />
       </div>
     </div>
   </footer>
 </template>
+
 <script setup>
 const {
   project_authors,
diff --git a/src/components/Layout/LayoutHeader.vue b/src/components/Layout/LayoutHeader.vue
index 534eea0..5755694 100644
--- a/src/components/Layout/LayoutHeader.vue
+++ b/src/components/Layout/LayoutHeader.vue
@@ -39,11 +39,16 @@
           </ul>
         </nav>
 
-        <div class="flex items-center border-l ml-6 pl-6 border-base-muted">
+        <div
+          class="flex items-center border-l ml-6 pl-6 border-base-muted border-opacity-50"
+        >
           <ClientOnly>
             <SwitchTheme class="text-primary-content" />
           </ClientOnly>
         </div>
+        <div class="flex items-center ml-6 border-base-muted">
+          <TrackerReport icon />
+        </div>
       </div>
     </div>
   </header>
diff --git a/src/components/Navbar/NavbarMobile.vue b/src/components/Navbar/NavbarMobile.vue
index 7ace3c1..9a70d98 100644
--- a/src/components/Navbar/NavbarMobile.vue
+++ b/src/components/Navbar/NavbarMobile.vue
@@ -41,6 +41,12 @@
               />
             </ClientOnly>
           </li>
+          <li>
+            <TrackerReport
+              icon
+              button-class="text-base-content w-full p-4 pt-3 pb-3 block box-border border-b border-b-base-border"
+            />
+          </li>
         </ul>
       </nav>
     </div>
diff --git a/src/components/TrackerReport.global.vue b/src/components/TrackerReport.global.vue
new file mode 100644
index 0000000..87c0505
--- /dev/null
+++ b/src/components/TrackerReport.global.vue
@@ -0,0 +1,73 @@
+<template>
+  <VButton
+    type="button"
+    title="Report a problem"
+    class="flex gap-2 items-center"
+    :class="buttonClass"
+    @click="openTracker"
+  >
+    <IconGithub
+      v-if="icon"
+      class="w-5 h-5"
+    />
+    <span v-if="label">{{ label }}</span>
+  </VButton>
+  <VModal
+    v-if="isModalVisible"
+    class="text-base-content"
+    @close="isModalVisible = false"
+  >
+    <template #header>
+      <h1 class="font-medium text-base px-1">Report a problem</h1>
+    </template>
+    <div class="font-normal p-5 pt-0 text-base">
+      <span>My issue is with:</span>
+      <ul class="mx-5 my-2">
+        <li v-for="item in issue_trackers">
+          <a :href="item.url">{{ item.label }}</a>
+          <span
+            v-if="item.description"
+            class="text-sm"
+          >
+            - {{ item.description }}
+          </span>
+        </li>
+      </ul>
+    </div>
+  </VModal>
+</template>
+
+<script setup>
+import { ref } from 'vue'
+
+const { issue_trackers } = __APP_ENV__
+const TAXONPAGES_ISSUE_TRACKER =
+  'https://github.com/SpeciesFileGroup/taxonpages/issues/new/choose'
+
+defineProps({
+  buttonClass: {
+    type: String,
+    default: 'pl-0 pr-0 pt-0 pb-0'
+  },
+
+  label: {
+    type: String,
+    default: undefined
+  },
+
+  icon: {
+    type: Boolean,
+    default: false
+  }
+})
+
+const isModalVisible = ref(false)
+
+function openTracker() {
+  if (issue_trackers) {
+    isModalVisible.value = true
+  } else {
+    window.open(TAXONPAGES_ISSUE_TRACKER, '_self')
+  }
+}
+</script>