From 714bff0835e233afa769fdbcd4999848b2d273da Mon Sep 17 00:00:00 2001
From: syuilo <4439005+syuilo@users.noreply.github.com>
Date: Mon, 20 Apr 2026 20:00:41 +0900
Subject: [PATCH] Update room.add-object-dialog.vue

---
 packages/frontend/src/pages/room.add-object-dialog.vue | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/packages/frontend/src/pages/room.add-object-dialog.vue b/packages/frontend/src/pages/room.add-object-dialog.vue
index 57b51b5fa2..3f7dacfb1c 100644
--- a/packages/frontend/src/pages/room.add-object-dialog.vue
+++ b/packages/frontend/src/pages/room.add-object-dialog.vue
@@ -21,11 +21,12 @@ SPDX-License-Identifier: AGPL-3.0-only
 			<div
 				v-for="def in OBJECT_DEFS"
 				:key="def.id"
+				class="_panel"
 				:class="[$style.catalogItem, { [$style.selected]: selectedId === def.id }]"
 				@click="selectedId = def.id"
 			>
 				<img :class="$style.catalogItemThumbnail" :src="`/client-assets/room/object-thumbs/${camelToKebab(def.id)}.png`"/>
-				<div :class="$style.catalogItemName">{{ def.name }}</div>
+				<div :class="$style.catalogItemName"><MkCondensedLine :minScale="0.5">{{ def.name }}</MkCondensedLine></div>
 			</div>
 		</div>
 		<div v-show="selectedId != null" :class="$style.preview" class="_panel">
@@ -96,12 +97,15 @@ async function cancel() {
 	display: grid;
 	grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
 	grid-gap: 12px;
+	padding: 12px;
 	height: 100%;
+	box-sizing: border-box;
 	overflow-y: scroll;
+	background: var(--MI_THEME-bg);
 }
 
 .catalogItem {
-	padding: 8px;
+	padding: 12px;
 	border: 1px solid var(--border-color);
 	border-radius: 4px;
 	cursor: pointer;