diff --git a/browse-next/src/components/CardTable.vue b/browse-next/src/components/CardTable.vue
index a6ac6b57..025895ae 100644
--- a/browse-next/src/components/CardTable.vue
+++ b/browse-next/src/components/CardTable.vue
@@ -51,7 +51,7 @@
               v-bind="{ cell, row: sortedItems[rowIndex] }"
             >
               <span
-                v-if="cell && cell.value"
+                v-if="cell && cell.value !== undefined"
                 class="text-nowrap"
                 v-html="cell.value"
               />
diff --git a/browse-next/src/components/RecordingViewLabels.vue b/browse-next/src/components/RecordingViewLabels.vue
index fd8604b2..fe066692 100644
--- a/browse-next/src/components/RecordingViewLabels.vue
+++ b/browse-next/src/components/RecordingViewLabels.vue
@@ -9,7 +9,13 @@ import { CurrentUser } from "@models/LoggedInUser";
 import type { TagId } from "@typedefs/api/common";
 import CardTable from "@/components/CardTable.vue";
 import { DateTime } from "luxon";
-import { RecordingLabels } from "@/consts";
+import {
+  AudioRecordingLabels,
+  CameraRecordingLabels,
+  CommonRecordingLabels,
+} from "@/consts";
+import type { RecordingLabel } from "@typedefs/api/group";
+import { RecordingType } from "@typedefs/api/consts.ts";
 
 const props = withDefaults(
   defineProps<{
@@ -28,7 +34,7 @@ const tableItems = computed<CardTableRows<ApiRecordingTagResponse | string>>(
     return (props.recording?.tags || []).map(
       (tag: ApiRecordingTagResponse) => ({
         label:
-          labels.find((label) => label.value === tag.detail)?.text ||
+          labels.value.find((label) => label.value === tag.detail)?.text ||
           tag.detail,
         by: tag.taggerName || (tag.automatic ? "Cacophony AI" : "-"),
         when: DateTime.fromJSDate(new Date(tag.createdAt)).toRelative({
@@ -41,31 +47,54 @@ const tableItems = computed<CardTableRows<ApiRecordingTagResponse | string>>(
   }
 );
 
-interface Label {
-  text: string;
-  value: string;
-  description: string;
-}
-
 // TODO - Group-level defined labels created by group admin.
-const labels: Label[] = RecordingLabels.map(({ text, description, value }) => ({
-  text,
-  description,
-  value: (value || text).toLowerCase(),
-}));
+
+const cameraLabels = computed<RecordingLabel[]>(() => {
+  return [...CommonRecordingLabels, ...CameraRecordingLabels].map(
+    ({ text, description, value }) => ({
+      text: text,
+      description,
+      value: (value || text).toLowerCase(),
+    })
+  );
+});
+const audioLabels = computed<RecordingLabel[]>(() => {
+  return [...CommonRecordingLabels, ...AudioRecordingLabels].map(
+    ({ text, description, value }) =>
+      ({
+        text: text,
+        description,
+        value: (value || text).toLowerCase(),
+      } as RecordingLabel)
+  );
+});
+
+const labels = computed<RecordingLabel[]>(() => {
+  if (recordingTypeIsAudio.value) {
+    return audioLabels.value;
+  }
+  return cameraLabels.value;
+});
+
+const recordingTypeIsAudio = computed<boolean>(() => {
+  if (props.recording) {
+    return props.recording.type === RecordingType.Audio;
+  }
+  return false;
+});
 
 const unusedLabels = computed(() => {
   // Filter out labels that have already been added
-  return labels.filter(
+  return labels.value.filter(
     (label) => !props.recording?.tags.some((tag) => tag.detail === label.value)
   );
 });
 
 const selectedLabel = ref<string>("");
-const labelToAdd = computed<Label | null>(() => {
+const labelToAdd = computed<RecordingLabel | null>(() => {
   return (
     (selectedLabel.value !== "" &&
-      labels.find((label) => label.value === selectedLabel.value)) ||
+      labels.value.find((label) => label.value === selectedLabel.value)) ||
     null
   );
 });
@@ -97,14 +126,14 @@ const doAddLabel = async () => {
       props.recording.id,
       selectedLabel.value
     );
-    if (addLabelResponse.success) {
+    if (addLabelResponse.success && CurrentUser.value) {
       // Emit tag change event, patch upstream recording.
       emit("added-recording-label", {
         id: addLabelResponse.result.tagId,
         detail: selectedLabel.value,
         confidence: 0.9,
-        taggerName: CurrentUser.value?.userName,
-        taggerId: CurrentUser.value?.id,
+        taggerName: CurrentUser.value.userName,
+        taggerId: CurrentUser.value.id,
         createdAt: new Date().toISOString(),
       });
       selectedLabel.value = "";
diff --git a/browse-next/src/components/SpectrogramViewer.vue b/browse-next/src/components/SpectrogramViewer.vue
index 66bb2c73..65f1f86a 100644
--- a/browse-next/src/components/SpectrogramViewer.vue
+++ b/browse-next/src/components/SpectrogramViewer.vue
@@ -225,8 +225,8 @@ const selectTrackRegion = (track: ApiTrackResponse) => {
   if (overlayCanvasContext.value) {
     renderOverlay(overlayCanvasContext.value);
     if (track.id !== -1) {
-      const trackStartZeroOne = track.start / audioDuration.value;
-      const trackEndZeroOne = track.end / audioDuration.value;
+      const trackStartZeroOne = Math.max(0, track.start / audioDuration.value);
+      const trackEndZeroOne = Math.min(1, track.end / audioDuration.value);
       if (spectastiqEl.value && track.hasOwnProperty("maxFreq")) {
         const minFreqZeroOne =
           Math.max(0, track.minFreq || 0) / audioSampleRate.value;
@@ -492,19 +492,22 @@ const renderOverlay = (ctx: CanvasRenderingContext2D) => {
     ctx.clearRect(0, 0, cWidth, cHeight);
     if (props.recording) {
       for (const track of tracksIntermediate.value) {
-        const minFreq =
+        const minFreqZeroOne =
           1 - Math.max(0, track.minFreq || 0) / audioSampleRate.value;
-        const maxFreq =
+        const maxFreqZeroOne =
           1 -
           Math.min(track.maxFreq || 0, audioSampleRate.value) /
             audioSampleRate.value;
-        const trackStart = track.start / audioDuration.value;
-        const trackEnd = track.end / audioDuration.value;
+        const trackStartZeroOne = Math.max(
+          0,
+          track.start / audioDuration.value
+        );
+        const trackEndZeroOne = Math.min(1, track.end / audioDuration.value);
         const bounds = getTrackBounds(cWidth, cHeight, begin, end, [
-          trackStart,
-          maxFreq,
-          trackEnd,
-          minFreq,
+          trackStartZeroOne,
+          maxFreqZeroOne,
+          trackEndZeroOne,
+          minFreqZeroOne,
         ]);
         drawRectWithText(
           ctx,
diff --git a/browse-next/src/consts.ts b/browse-next/src/consts.ts
index 03a0569a..81f72f06 100644
--- a/browse-next/src/consts.ts
+++ b/browse-next/src/consts.ts
@@ -1,3 +1,5 @@
+import type { RecordingLabel } from "@typedefs/api/group";
+
 export const TagColours = [
   { background: "#32ff7e", foreground: "dark" },
   { background: "#4bcffa", foreground: "dark" },
@@ -31,18 +33,20 @@ export const DEFAULT_AUDIO_TAGS = [
   "unidentified",
 ];
 
-export const RecordingLabels: {
-  text: string;
-  value?: string;
-  description: string;
-}[] = [
-  { text: "Cool", description: "Mark this as a cool or interesting recording" },
+export const CommonRecordingLabels: RecordingLabel[] = [
+  {
+    text: "Cool",
+    description: "Mark this as a cool or interesting recording",
+  },
   {
     text: "Flagged for review",
     value: "requires review",
     description:
       "Flag this recording for review due to low confidence IDing track(s)",
   },
+];
+
+export const CameraRecordingLabels: RecordingLabel[] = [
   {
     text: "Animal in trap",
     value: "trapped in trap",
@@ -69,14 +73,13 @@ export const RecordingLabels: {
   },
   {
     text: "Outside",
-    description: "Outside",
   },
   {
     text: "Inside",
-    description: "Inside",
   },
   {
     text: "Incursion",
-    description: "Incursion",
   },
 ];
+
+export const AudioRecordingLabels: RecordingLabel[] = [];
diff --git a/browse-next/src/router/index.ts b/browse-next/src/router/index.ts
index 3048ab59..a24f0879 100644
--- a/browse-next/src/router/index.ts
+++ b/browse-next/src/router/index.ts
@@ -314,10 +314,17 @@ const router = createRouter({
         {
           name: "project-tag-settings",
           path: "tag-settings",
-          meta: { title: "Tag preferences for :projectName" },
+          meta: { title: "Tag and label settings for :projectName" },
           component: () =>
             import("@/views/ManageProjectTagSettingsSubView.vue"),
         },
+        {
+          name: "project-label-settings",
+          path: "label-settings",
+          meta: { title: "Label settings for :projectName" },
+          component: () =>
+            import("@/views/ManageProjectLabelSettingsSubView.vue"),
+        },
         {
           name: "project-misc-settings",
           path: "project-settings",
diff --git a/browse-next/src/views/ManageProjectLabelSettingsSubView.vue b/browse-next/src/views/ManageProjectLabelSettingsSubView.vue
new file mode 100644
index 00000000..d91820c7
--- /dev/null
+++ b/browse-next/src/views/ManageProjectLabelSettingsSubView.vue
@@ -0,0 +1,276 @@
+<script setup lang="ts">
+import { persistProjectSettings } from "@models/LoggedInUser";
+import type { SelectedProject } from "@models/LoggedInUser";
+import { computed, inject, ref } from "vue";
+import type { Ref } from "vue";
+import CardTable from "@/components/CardTable.vue";
+import type { CardTableRows } from "@/components/CardTableTypes";
+import {
+  AudioRecordingLabels,
+  CameraRecordingLabels,
+  CommonRecordingLabels,
+} from "@/consts";
+import { currentSelectedProject } from "@models/provides";
+import type { RecordingLabel } from "@typedefs/api/group";
+
+const selectedProject = inject(currentSelectedProject) as Ref<SelectedProject>;
+
+const customCameraLabels = computed<RecordingLabel[]>(() => {
+  if (selectedProject.value) {
+    return (
+      (localCameraLabels.value.length && localCameraLabels.value) ||
+      selectedProject.value.settings?.cameraLabels ||
+      CameraRecordingLabels
+    );
+  }
+  return CommonRecordingLabels;
+});
+
+const localCameraLabels = ref<RecordingLabel[]>([]);
+localCameraLabels.value = [...customCameraLabels.value];
+
+const customAudioLabels = computed<RecordingLabel[]>(() => {
+  if (selectedProject.value) {
+    return (
+      (localAudioLabels.value.length && localAudioLabels.value) ||
+      selectedProject.value.settings?.audioLabels ||
+      AudioRecordingLabels
+    );
+  }
+  return AudioRecordingLabels;
+});
+const localAudioLabels = ref<RecordingLabel[]>([]);
+localAudioLabels.value = [...customAudioLabels.value];
+
+const currentProjectSettings = computed(() => {
+  if (selectedProject.value) {
+    return selectedProject.value.settings || {};
+  }
+  return {};
+});
+const persistGroupCameraLabels = async () =>
+  persistProjectSettings({
+    ...currentProjectSettings.value,
+    cameraLabels: localCameraLabels.value,
+  });
+
+const removeCameraLabel = async (label: RecordingLabel) => {
+  const currentLabels = [...customCameraLabels.value];
+  const currentIndexOfLabel = currentLabels.indexOf(label);
+  currentLabels.splice(currentIndexOfLabel, 1);
+  localCameraLabels.value = currentLabels;
+  await persistGroupCameraLabels();
+};
+const addCameraLabel = async (label: string, description: string) => {
+  if (
+    !localCameraLabels.value
+      .map((label) => label.value || label.text)
+      .includes(label)
+  ) {
+    localCameraLabels.value.push({
+      text: label,
+      value: label,
+      description,
+    });
+    await persistGroupCameraLabels();
+  }
+};
+
+//
+const persistGroupAudioLabels = async () =>
+  persistProjectSettings({
+    ...currentProjectSettings.value,
+    audioLabels: localAudioLabels.value,
+  });
+
+const removeAudioLabel = async (label: RecordingLabel) => {
+  const currentLabels = [...customAudioLabels.value];
+  const currentIndexOfLabel = currentLabels.indexOf(label);
+  currentLabels.splice(currentIndexOfLabel, 1);
+  localAudioLabels.value = currentLabels;
+  await persistGroupAudioLabels();
+};
+
+const addAudioLabel = async (label: string, description: string) => {
+  if (
+    !localAudioLabels.value
+      .map((label) => label.value || label.text)
+      .includes(label)
+  ) {
+    localAudioLabels.value.push({
+      text: label,
+      value: label,
+      description,
+    });
+    await persistGroupAudioLabels();
+  }
+};
+
+const cameraLabelTableItems = computed<CardTableRows<string>>(() => {
+  return customCameraLabels.value.map((label: RecordingLabel) => ({
+    label: {
+      value: label.text || label.value,
+    },
+    description: {
+      value: label.description || "",
+      cellClasses: ["w-100"],
+    },
+    _deleteAction: {
+      value: label,
+    },
+  }));
+});
+
+const audioLabelTableItems = computed<CardTableRows<string>>(() => {
+  return customAudioLabels.value.map((label: RecordingLabel) => ({
+    label: {
+      value: label.text || label.value,
+    },
+    description: {
+      value: label.description || "",
+      cellClasses: ["w-100"],
+    },
+    _deleteAction: {
+      value: label,
+    },
+  }));
+});
+
+const resetCameraLabels = async () => {
+  localCameraLabels.value = [...CameraRecordingLabels];
+  await persistGroupCameraLabels();
+};
+
+const resetAudioLabels = async () => {
+  localAudioLabels.value = [...AudioRecordingLabels];
+  await persistGroupAudioLabels();
+};
+
+const showAddCameraLabelModal = ref<boolean>(false);
+const showAddAudioLabelModal = ref<boolean>(false);
+
+const pendingLabel = ref<string>("");
+const pendingDescription = ref<string>("");
+
+const addPendingCameraLabel = async () => {
+  if (pendingLabel.value.length) {
+    await addCameraLabel(pendingLabel.value, pendingDescription.value);
+    pendingLabel.value = "";
+    pendingDescription.value = "";
+  }
+};
+
+const addPendingAudioLabel = async () => {
+  if (pendingLabel.value.length) {
+    await addAudioLabel(pendingLabel.value, pendingDescription.value);
+    pendingLabel.value = "";
+    pendingDescription.value = "";
+  }
+};
+
+// If there are no custom tags, display the defaultTags here in the default order.
+// Add tag.  delete tag, move tag up, move tag down, reset to defaults
+</script>
+<template>
+  <h1 class="h5 d-none d-md-block">Project label settings</h1>
+  <div>
+    <p>
+      Manage the set of default labels that users can apply to camera recordings
+      or bird recordings, and what those labels mean in the context of your
+      project.
+    </p>
+  </div>
+  <div
+    class="d-flex flex-column flex-md-row justify-content-md-between mb-3 align-items-center"
+  >
+    <h2 class="h6">Camera labels</h2>
+    <div class="d-flex align-items-end justify-content-end ms-md-5">
+      <button
+        type="button"
+        class="btn btn-outline-secondary ms-2"
+        @click.stop.prevent="showAddCameraLabelModal = true"
+      >
+        Add
+      </button>
+      <button
+        type="button"
+        class="btn btn-outline-danger ms-2"
+        @click.stop.prevent="resetCameraLabels"
+      >
+        Reset
+      </button>
+    </div>
+  </div>
+  <card-table :items="cameraLabelTableItems" compact :max-card-width="0">
+    <template #_deleteAction="{ cell }">
+      <button class="btn" @click.prevent="() => removeCameraLabel(cell.value)">
+        <font-awesome-icon icon="trash-can" />
+      </button>
+    </template>
+  </card-table>
+
+  <div
+    class="d-flex flex-column flex-md-row justify-content-md-between mb-3 align-items-center"
+  >
+    <h2 class="h6">Bird recording labels</h2>
+    <div class="d-flex align-items-end justify-content-end ms-md-5">
+      <button
+        type="button"
+        class="btn btn-outline-secondary ms-2"
+        @click.stop.prevent="showAddAudioLabelModal = true"
+      >
+        Add
+      </button>
+      <button
+        type="button"
+        class="btn btn-outline-danger ms-2"
+        @click.stop.prevent="resetAudioLabels"
+      >
+        Reset
+      </button>
+    </div>
+  </div>
+  <card-table :items="audioLabelTableItems" compact :max-card-width="0">
+    <template #_deleteAction="{ cell }">
+      <button class="btn" @click.prevent="() => removeAudioLabel(cell.value)">
+        <font-awesome-icon icon="trash-can" />
+      </button>
+    </template>
+  </card-table>
+  <b-modal
+    v-model="showAddCameraLabelModal"
+    title="Add group camera tag"
+    @cancel="
+      () => {
+        pendingLabel = '';
+        pendingDescription = '';
+      }
+    "
+    @ok="addPendingCameraLabel"
+    ok-title="Add tag"
+    ok-variant="secondary"
+    cancel-variant="outline-secondary"
+    centered
+  >
+    <input type="text" v-model="pendingLabel" placeholder="label" />
+    <input type="text" v-model="pendingDescription" placeholder="description" />
+  </b-modal>
+  <b-modal
+    v-model="showAddAudioLabelModal"
+    title="Add group audio tag"
+    @cancel="
+      () => {
+        pendingLabel = '';
+        pendingDescription = '';
+      }
+    "
+    @ok="addPendingAudioLabel"
+    ok-title="Add tag"
+    ok-variant="secondary"
+    cancel-variant="outline-secondary"
+    centered
+  >
+    <input type="text" v-model="pendingLabel" placeholder="label" />
+    <input type="text" v-model="pendingDescription" placeholder="description" />
+  </b-modal>
+</template>
diff --git a/browse-next/src/views/ManageProjectTagSettingsSubView.vue b/browse-next/src/views/ManageProjectTagSettingsSubView.vue
index 208015be..b96a4631 100644
--- a/browse-next/src/views/ManageProjectTagSettingsSubView.vue
+++ b/browse-next/src/views/ManageProjectTagSettingsSubView.vue
@@ -25,6 +25,7 @@ const customCameraTags = computed<string[]>(() => {
   }
   return DEFAULT_CAMERA_TAGS;
 });
+
 const localCameraTags = ref<string[]>([]);
 localCameraTags.value = [...customCameraTags.value];
 
@@ -271,6 +272,7 @@ const addPendingAudioTag = async () => {
       </button>
     </template>
   </card-table>
+
   <div
     class="d-flex flex-column flex-md-row justify-content-md-between mb-3 align-items-center mt-5"
   >
diff --git a/browse-next/src/views/ManageProjectView.vue b/browse-next/src/views/ManageProjectView.vue
index 3c34b513..778da48f 100644
--- a/browse-next/src/views/ManageProjectView.vue
+++ b/browse-next/src/views/ManageProjectView.vue
@@ -45,7 +45,18 @@ const navLinkClasses = ["nav-item", "nav-link", "border-0"];
       :to="{
         name: 'project-tag-settings',
       }"
-      >Tag settings</router-link
+      >Tags</router-link
+    >
+    <router-link
+      :class="[
+        ...navLinkClasses,
+        { active: activeTabName === 'project-label-settings' },
+      ]"
+      title="Label settings"
+      :to="{
+        name: 'project-label-settings',
+      }"
+      >Labels</router-link
     >
     <router-link
       :class="[
diff --git a/types/api/group.d.ts b/types/api/group.d.ts
index daa92755..fc734999 100644
--- a/types/api/group.d.ts
+++ b/types/api/group.d.ts
@@ -20,11 +20,19 @@ export interface ApiGroupResponse {
   userSettings?: ApiGroupUserSettings;
 }
 
+export interface RecordingLabel {
+  text: string;
+  value?: string;
+  description?: string;
+}
+
 export interface ApiGroupSettings {
   // Define group-specific tagging preferences.
   // Define if cameras are on 24/7?
   tags?: string[];
   audioTags?: string[];
+  cameraLabels?: RecordingLabel[];
+  audioLabels?: RecordingLabel[];
   // Delete audio recordings with human voices
   filterHuman?: boolean;
   filteredAudioTags?: string[];