diff --git a/components/ReadOnlyAutoComplete.vue b/components/ReadOnlyAutoComplete.vue
new file mode 100644
index 00000000..fa777b64
--- /dev/null
+++ b/components/ReadOnlyAutoComplete.vue
@@ -0,0 +1,28 @@
+<template>
+	<AutoComplete
+		class="pointer-events-auto cursor-auto select-auto bg-transparent dark:bg-transparent"
+		chip-icon="hidden"
+		multiple
+		disabled
+		:pt="merge(pt, {
+			// Tabindex should be unset, otherwise Copying of the selected value is not working.
+			inputMultiple: {tabindex: ''},
+		})"
+		:pt-options="{ mergeProps: true }"
+		:typeahead="false"
+	/>
+</template>
+
+<script setup lang="ts">
+	import merge from 'lodash/merge';
+
+	defineProps({
+		pt: {
+			type: Object as PropType<{
+				inputMultiple?: Record<string, unknown>,
+				[field: string]: unknown
+			}>,
+			default: () => ({}),
+		},
+	});
+</script>
diff --git a/nuxt.config.ts b/nuxt.config.ts
index 083010c7..14c33770 100644
--- a/nuxt.config.ts
+++ b/nuxt.config.ts
@@ -29,6 +29,7 @@ export default defineNuxtConfig({
 		'@nuxtjs/tailwindcss',
 		'@primevue/nuxt-module',
 		'@pinia/nuxt',
+		'@vueuse/nuxt',
 		'nuxt-icons',
 	],
 	css: [ 'primeicons/primeicons.css', '~/assets/css/base.css', '~/assets/css/global.css' ],
diff --git a/package.json b/package.json
index f49a5158..79a966e8 100644
--- a/package.json
+++ b/package.json
@@ -23,6 +23,8 @@
 		"@pinia/nuxt": "^0.5.4",
 		"@primevue/nuxt-module": "^4.0.7",
 		"@primevue/themes": "^4.0.7",
+		"@vueuse/core": "^11.1.0",
+		"@vueuse/nuxt": "^11.1.0",
 		"chart.js": "^4.4.4",
 		"eslint-plugin-import": "^2.30.0",
 		"lodash": "^4.17.21",
diff --git a/pages/probes.vue b/pages/probes.vue
index 59ade52a..ccce6f4d 100644
--- a/pages/probes.vue
+++ b/pages/probes.vue
@@ -57,14 +57,16 @@
 				</Column>
 				<Column body-class="!p-0 h-16">
 					<template #header>
-						Tags <i v-tooltip.top="'Public tags that can be used to target the probe in measurements.'" class="pi pi-info-circle"/>
+						<span ref="tagsHeaderContentRef">
+							Tags <i v-tooltip.top="'Public tags that can be used to target the probe in measurements.'" class="pi pi-info-circle"/>
+						</span>
 					</template>
 
 					<template #body="slotProps">
 						<NuxtLink :to="`/probes/${slotProps.data.id}`" class="flex h-full items-center" @click="openProbeDetails(slotProps.data.id)">
-							<div class="flex h-full flex-wrap items-center">
-								<Tag v-for="tag in slotProps.data.tags.slice(0, 50)" :key="tag" class="my-0.5 mr-1 flex text-nowrap bg-surface-0 py-0.5 font-normal dark:bg-dark-800" severity="secondary" :value="`u-${tag.prefix}-${tag.value}`"/>
-								<Tag v-if="slotProps.data.tags.length > 5" key="other" class="my-0.5 mr-1 flex text-nowrap bg-surface-0 py-0.5 font-normal dark:bg-dark-800" severity="secondary" :value="`+${slotProps.data.tags.length - 5}`"/>
+							<div v-for="{ id, allTags } in [getAllTags(slotProps.data)]" :key="id" class="flex h-full flex-wrap items-center">
+								<Tag v-for="tag in allTags.slice(0, numberOfTagsToShow)" :key="tag" class="my-0.5 mr-1 flex text-nowrap bg-surface-0 py-0.5 font-normal dark:bg-dark-800" severity="secondary" :value="tag"/>
+								<Tag v-if="allTags.length > numberOfTagsToShow" key="other" class="my-0.5 mr-1 flex text-nowrap bg-surface-0 py-0.5 font-normal dark:bg-dark-800" severity="secondary" :value="`+${allTags.length - numberOfTagsToShow}`"/>
 							</div>
 						</NuxtLink>
 					</template>
@@ -235,8 +237,20 @@
 		}
 	});
 
-	// PROBE DETAILS
+	const getAllTags = (probe: Probe) => {
+		const systemTags = probe.systemTags;
+		const userTags = probe.tags.map(({ prefix, value }) => `u-${prefix}-${value}`);
+		const allTags = userTags.concat(systemTags);
+		return { id: probe.id, allTags };
+	};
 
+	// Calculate the number of tags to show, based on the expected average tag width <= 200px.
+	const tagsHeaderContentRef = ref(null);
+	const tagsHeaderRef = useParentElement(tagsHeaderContentRef);
+	const { width: tagsColumnWidth } = useElementSize(tagsHeaderRef);
+	const numberOfTagsToShow = computed(() => Math.max(Math.floor(tagsColumnWidth.value / 100), 1));
+
+	// PROBE DETAILS
 	onMounted(async () => {
 		const probeId = route.params.id as string;
 
diff --git a/pages/probes/[id].vue b/pages/probes/[id].vue
index 36cbc346..131ebc24 100644
--- a/pages/probes/[id].vue
+++ b/pages/probes/[id].vue
@@ -52,14 +52,9 @@
 				<label for="alternative-ips" class="mt-4 inline-block text-xs">Alternative IPs</label>
 				<div class="relative mt-1">
 					<i class="pi pi-lock absolute right-3 top-[13px] text-bluegray-500"/>
-					<AutoComplete
+					<ReadOnlyAutoComplete
 						id="alternative-ips"
 						v-model="probe.altIps"
-						class="pointer-events-auto cursor-auto select-auto bg-transparent dark:bg-transparent"
-						chip-icon="hidden"
-						multiple
-						disabled
-						:typeahead="false"
 					/>
 				</div>
 				<p class="mt-2 text-xs text-bluegray-400">
@@ -82,7 +77,24 @@
 				City where the probe is located. If the auto-detected value is wrong, you can adjust it here.
 			</p>
 
-			<label for="tags" class="mt-4 inline-block text-xs">Tags</label>
+			<label for="systemTags" class="mt-4 inline-block text-xs">System tags</label>
+			<div class="relative mt-1">
+				<i class="pi pi-lock absolute right-3 top-[13px] text-bluegray-500"/>
+				<ReadOnlyAutoComplete
+					id="systemTags"
+					v-model="probe.systemTags"
+					:pt="{
+						inputMultiple: {class: 'pb-1 pr-10 min-h-10'},
+						inputChip: 'hidden',
+						chipItem: 'mt-1'
+					}"
+				/>
+			</div>
+			<p class="mt-2 text-xs text-bluegray-400">
+				Public tags that can be used to target the probe in measurements.
+			</p>
+
+			<label for="tags" class="mt-4 inline-block text-xs">User tags</label>
 			<div v-if="isEditingTags" class="mt-1">
 				<div>
 					<div class="flex text-xs">
@@ -123,35 +135,29 @@
 				/>
 			</div>
 			<div v-else class="relative mt-1">
-				<AutoComplete
+				<ReadOnlyAutoComplete
 					id="tags"
 					v-model="tagStrings"
-					class="pointer-events-auto cursor-auto select-auto bg-transparent dark:bg-transparent "
-					chip-icon="hidden"
-					multiple
-					disabled
 					:pt="{
-						inputMultiple: 'pb-1 pr-28 min-h-10',
+						inputMultiple: {class: 'pb-1 pr-24 min-h-10'},
 						inputChip: 'hidden',
 						chipItem: 'mt-1'
 					}"
-					:pt-options="{ mergeProps: true }"
-					:typeahead="false"
 				/>
 				<Button
-					label="Edit tags"
+					label="Edit"
 					icon="pi pi-pencil"
 					icon-pos="right"
 					class="!absolute right-1.5 top-1.5 bg-transparent hover:bg-transparent"
 					severity="contrast"
 					text
-					aria-label="Edit tags"
+					aria-label="Edit"
 					size="small"
 					@click="editTags"
 				/>
 			</div>
 			<p class="mt-2 text-xs text-bluegray-400">
-				Public tags that can be used to target the probe in measurements.
+				Public user-defined tags that can be used to target the probe in measurements.
 				Each tag must be prefixed by your GitHub username or organization.
 				E.g., for a user with username <code class="font-bold">jimaek</code>
 				and tag <code class="font-bold">home-1</code> the final tag would be <code class="whitespace-nowrap font-bold">u-jimaek-home-1</code>.
diff --git a/pages/settings.vue b/pages/settings.vue
index 6a15fa3b..3a39e21e 100644
--- a/pages/settings.vue
+++ b/pages/settings.vue
@@ -59,20 +59,14 @@
 				<InputText id="email" v-model="email" class="mt-2 w-full"/>
 				<label for="organizations" class="mt-6 block font-bold">Organizations</label>
 				<div class="relative mt-2">
-					<AutoComplete
+					<ReadOnlyAutoComplete
 						id="tags"
 						v-model="user.github_organizations"
-						class="pointer-events-auto cursor-auto select-auto bg-transparent dark:bg-transparent"
-						chip-icon="hidden"
-						multiple
-						disabled
 						:pt="{
-							inputMultiple: 'pb-1 pr-48 min-h-10',
+							inputMultiple: { class: 'pb-1 pr-48 min-h-10' },
 							inputChip: 'hidden',
 							chipItem: 'mt-1'
 						}"
-						:pt-options="{ mergeProps: true }"
-						:typeahead="false"
 					/>
 					<Button
 						severity="contrast"
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 0f696921..379c321d 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -34,6 +34,12 @@ importers:
       '@primevue/themes':
         specifier: ^4.0.7
         version: 4.0.7
+      '@vueuse/core':
+        specifier: ^11.1.0
+        version: 11.1.0(vue@3.5.8(typescript@5.5.4))
+      '@vueuse/nuxt':
+        specifier: ^11.1.0
+        version: 11.1.0(magicast@0.3.5)(nuxt@3.13.2(@parcel/watcher@2.4.1)(@types/node@22.5.5)(encoding@0.1.13)(eslint@8.57.1)(ioredis@5.4.1)(magicast@0.3.5)(meow@9.0.0)(optionator@0.9.4)(rollup@4.22.4)(sass@1.77.0)(stylelint@14.16.1)(terser@5.33.0)(typescript@5.5.4)(vite@5.4.7(@types/node@22.5.5)(sass@1.77.0)(terser@5.33.0))(vue-tsc@2.1.6(typescript@5.5.4))(webpack-sources@3.2.3))(rollup@4.22.4)(vue@3.5.8(typescript@5.5.4))(webpack-sources@3.2.3)
       chart.js:
         specifier: ^4.4.4
         version: 4.4.4
@@ -1261,6 +1267,9 @@ packages:
   '@types/resolve@1.20.2':
     resolution: {integrity: sha512-60BCwRFOZCQhDncwQdxxeOEEkbc5dIMccYLwbxsS4TUNeVECQ/pBJ0j09mrHOl/JJvpRPGwO9SvE4nR2Nb/a4Q==}
 
+  '@types/web-bluetooth@0.0.20':
+    resolution: {integrity: sha512-g9gZnnXVq7gM7v3tJCWV/qw7w+KeOlSHAhgF9RytFyifW6AF61hdT2ucrYhPq9hLs5JIryeupHV3qGk95dH9ow==}
+
   '@typescript-eslint/eslint-plugin@7.18.0':
     resolution: {integrity: sha512-94EQTWZ40mzBc42ATNIBimBEDltSJ9RQHCC8vc/PDbxi4k8dVwUAv4o98dk50M1zB+JGFxp43FP7f8+FP8R6Sw==}
     engines: {node: ^18.18.0 || >=20.0.0}
@@ -1473,6 +1482,20 @@ packages:
   '@vue/shared@3.5.8':
     resolution: {integrity: sha512-mJleSWbAGySd2RJdX1RBtcrUBX6snyOc0qHpgk3lGi4l9/P/3ny3ELqFWqYdkXIwwNN/kdm8nD9ky8o6l/Lx2A==}
 
+  '@vueuse/core@11.1.0':
+    resolution: {integrity: sha512-P6dk79QYA6sKQnghrUz/1tHi0n9mrb/iO1WTMk/ElLmTyNqgDeSZ3wcDf6fRBGzRJbeG1dxzEOvLENMjr+E3fg==}
+
+  '@vueuse/metadata@11.1.0':
+    resolution: {integrity: sha512-l9Q502TBTaPYGanl1G+hPgd3QX5s4CGnpXriVBR5fEZ/goI6fvDaVmIl3Td8oKFurOxTmbXvBPSsgrd6eu6HYg==}
+
+  '@vueuse/nuxt@11.1.0':
+    resolution: {integrity: sha512-ZPYigcqgPPe9vk9nBHLF8p0zshX8qvWV/ox1Y4GdV4k2flPiw7+2THNTpU2NZDBXSOXlhB2sao+paGCsvJm/Qw==}
+    peerDependencies:
+      nuxt: ^3.0.0
+
+  '@vueuse/shared@11.1.0':
+    resolution: {integrity: sha512-YUtIpY122q7osj+zsNMFAfMTubGz0sn5QzE5gPzAIiCmtt2ha3uQUY1+JPyL4gRCTsLPX82Y9brNbo/aqlA91w==}
+
   abbrev@1.1.1:
     resolution: {integrity: sha512-nne9/IiQ/hzIhY6pdDnbBtz7DjPTKrY00P/zvPSm5pOFkl6xuGrGnXn/VtTNNfNtAfZ9/1RtehkszU9qcTii0Q==}
 
@@ -6290,6 +6313,8 @@ snapshots:
 
   '@types/resolve@1.20.2': {}
 
+  '@types/web-bluetooth@0.0.20': {}
+
   '@typescript-eslint/eslint-plugin@7.18.0(@typescript-eslint/parser@7.18.0(eslint@8.57.1)(typescript@5.5.4))(eslint@8.57.1)(typescript@5.5.4)':
     dependencies:
       '@eslint-community/regexpp': 4.11.1
@@ -6627,6 +6652,41 @@ snapshots:
 
   '@vue/shared@3.5.8': {}
 
+  '@vueuse/core@11.1.0(vue@3.5.8(typescript@5.5.4))':
+    dependencies:
+      '@types/web-bluetooth': 0.0.20
+      '@vueuse/metadata': 11.1.0
+      '@vueuse/shared': 11.1.0(vue@3.5.8(typescript@5.5.4))
+      vue-demi: 0.14.10(vue@3.5.8(typescript@5.5.4))
+    transitivePeerDependencies:
+      - '@vue/composition-api'
+      - vue
+
+  '@vueuse/metadata@11.1.0': {}
+
+  '@vueuse/nuxt@11.1.0(magicast@0.3.5)(nuxt@3.13.2(@parcel/watcher@2.4.1)(@types/node@22.5.5)(encoding@0.1.13)(eslint@8.57.1)(ioredis@5.4.1)(magicast@0.3.5)(meow@9.0.0)(optionator@0.9.4)(rollup@4.22.4)(sass@1.77.0)(stylelint@14.16.1)(terser@5.33.0)(typescript@5.5.4)(vite@5.4.7(@types/node@22.5.5)(sass@1.77.0)(terser@5.33.0))(vue-tsc@2.1.6(typescript@5.5.4))(webpack-sources@3.2.3))(rollup@4.22.4)(vue@3.5.8(typescript@5.5.4))(webpack-sources@3.2.3)':
+    dependencies:
+      '@nuxt/kit': 3.13.2(magicast@0.3.5)(rollup@4.22.4)(webpack-sources@3.2.3)
+      '@vueuse/core': 11.1.0(vue@3.5.8(typescript@5.5.4))
+      '@vueuse/metadata': 11.1.0
+      local-pkg: 0.5.0
+      nuxt: 3.13.2(@parcel/watcher@2.4.1)(@types/node@22.5.5)(encoding@0.1.13)(eslint@8.57.1)(ioredis@5.4.1)(magicast@0.3.5)(meow@9.0.0)(optionator@0.9.4)(rollup@4.22.4)(sass@1.77.0)(stylelint@14.16.1)(terser@5.33.0)(typescript@5.5.4)(vite@5.4.7(@types/node@22.5.5)(sass@1.77.0)(terser@5.33.0))(vue-tsc@2.1.6(typescript@5.5.4))(webpack-sources@3.2.3)
+      vue-demi: 0.14.10(vue@3.5.8(typescript@5.5.4))
+    transitivePeerDependencies:
+      - '@vue/composition-api'
+      - magicast
+      - rollup
+      - supports-color
+      - vue
+      - webpack-sources
+
+  '@vueuse/shared@11.1.0(vue@3.5.8(typescript@5.5.4))':
+    dependencies:
+      vue-demi: 0.14.10(vue@3.5.8(typescript@5.5.4))
+    transitivePeerDependencies:
+      - '@vue/composition-api'
+      - vue
+
   abbrev@1.1.1: {}
 
   abort-controller@3.0.0:
diff --git a/presets/aura/autocomplete/index.js b/presets/aura/autocomplete/index.js
index 8ee40b78..7431a346 100644
--- a/presets/aura/autocomplete/index.js
+++ b/presets/aura/autocomplete/index.js
@@ -5,8 +5,8 @@ export default {
 
 			// Flex
 			{
-				'flex': props.fluid,
-				'inline-flex': !props.fluid,
+				flex: props.fluid,
+				// 'inline-flex': !props.fluid,
 			},
 
 			// Size
diff --git a/types.ts b/types.ts
index 096447a6..4bd419f9 100644
--- a/types.ts
+++ b/types.ts
@@ -67,6 +67,7 @@ declare global {
         value: string;
         prefix: string;
       }[],
+    systemTags: string[],
     userId: string;
     uuid: string;
     version: string;