diff --git a/packages/client/src/components/url-preview-popup.vue b/packages/client/src/components/url-preview-popup.vue
index 75c5bca7d..c345bafcf 100644
--- a/packages/client/src/components/url-preview-popup.vue
+++ b/packages/client/src/components/url-preview-popup.vue
@@ -35,7 +35,7 @@ export default defineComponent({
 			u: null,
 			top: 0,
 			left: 0,
-			zIndex: os.claimZIndex(),
+			zIndex: os.claimZIndex('middle'),
 		};
 	},
 
diff --git a/packages/client/src/components/user-preview.vue b/packages/client/src/components/user-preview.vue
index 9b3f15b61..f85a32fbe 100644
--- a/packages/client/src/components/user-preview.vue
+++ b/packages/client/src/components/user-preview.vue
@@ -65,7 +65,7 @@ export default defineComponent({
 			fetched: false,
 			top: 0,
 			left: 0,
-			zIndex: os.claimZIndex(),
+			zIndex: os.claimZIndex('middle'),
 		};
 	},
 
diff --git a/packages/client/src/os.ts b/packages/client/src/os.ts
index b2acdcd6e..665151b01 100644
--- a/packages/client/src/os.ts
+++ b/packages/client/src/os.ts
@@ -167,7 +167,7 @@ const zIndexes = {
 	middle: 2000000,
 	high: 3000000,
 };
-export function claimZIndex(priority: 'low' | 'middle' | 'high'): number {
+export function claimZIndex(priority: 'low' | 'middle' | 'high' = 'low'): number {
 	zIndexes[priority] += 100;
 	return zIndexes[priority];
 }