diff --git a/packages/frontend/src/components/grid/MkDataCell.vue b/packages/frontend/src/components/grid/MkDataCell.vue
index e3fac0408a..d3112e270b 100644
--- a/packages/frontend/src/components/grid/MkDataCell.vue
+++ b/packages/frontend/src/components/grid/MkDataCell.vue
@@ -30,6 +30,7 @@
 						:src="cell.value as string"
 						:alt="cell.value as string"
 						:class="$style.viewImage"
+						@load="emitContentSizeChanged"
 					/>
 				</div>
 			</div>
@@ -90,6 +91,7 @@ watch(() => [cell, cell.value.value], () => {
 	// 中身がセットされた直後はサイズが分からないので、次のタイミングで更新する
 	nextTick(emitContentSizeChanged);
 }, { immediate: true });
+
 watch(() => cell.value.selected, () => {
 	if (cell.value.selected) {
 		rootEl.value?.focus();
diff --git a/packages/frontend/src/pages/admin/custom-emojis-grid.list.vue b/packages/frontend/src/pages/admin/custom-emojis-grid.list.vue
index 5d24380526..279f701656 100644
--- a/packages/frontend/src/pages/admin/custom-emojis-grid.list.vue
+++ b/packages/frontend/src/pages/admin/custom-emojis-grid.list.vue
@@ -42,7 +42,7 @@ import MkButton from '@/components/MkButton.vue';
 
 const columnSettings: ColumnSetting[] = [
 	{ bindTo: 'selected', icon: 'ti-trash', type: 'boolean', editable: true, width: 34 },
-	{ bindTo: 'url', icon: 'ti-icons', type: 'image', editable: false, width: 50, validators: [required] },
+	{ bindTo: 'url', icon: 'ti-icons', type: 'image', editable: false, width: 'auto', validators: [required] },
 	{ bindTo: 'name', title: 'name', type: 'text', editable: true, width: 140, validators: [required] },
 	{ bindTo: 'category', title: 'category', type: 'text', editable: true, width: 140 },
 	{ bindTo: 'aliases', title: 'aliases', type: 'text', editable: true, width: 140 },
diff --git a/packages/frontend/src/pages/admin/custom-emojis-grid.register.vue b/packages/frontend/src/pages/admin/custom-emojis-grid.register.vue
index e4544a6f5d..8d05ed48af 100644
--- a/packages/frontend/src/pages/admin/custom-emojis-grid.register.vue
+++ b/packages/frontend/src/pages/admin/custom-emojis-grid.register.vue
@@ -110,7 +110,7 @@ type RegisterLogItem = {
 };
 
 const columnSettings: ColumnSetting[] = [
-	{ bindTo: 'url', icon: 'ti-icons', type: 'image', editable: true, width: 50, validators: [required] },
+	{ bindTo: 'url', icon: 'ti-icons', type: 'image', editable: true, width: 'auto', validators: [required] },
 	{ bindTo: 'name', title: 'name', type: 'text', editable: true, width: 140, validators: [required] },
 	{ bindTo: 'category', title: 'category', type: 'text', editable: true, width: 140 },
 	{ bindTo: 'aliases', title: 'aliases', type: 'text', editable: true, width: 140 },
@@ -122,7 +122,7 @@ const columnSettings: ColumnSetting[] = [
 
 const registerLogColumnSettings: ColumnSetting[] = [
 	{ bindTo: 'failed', title: 'failed', type: 'boolean', editable: false, width: 50 },
-	{ bindTo: 'url', icon: 'ti-icons', type: 'image', editable: false, width: 50 },
+	{ bindTo: 'url', icon: 'ti-icons', type: 'image', editable: false, width: 'auto' },
 	{ bindTo: 'name', title: 'name', type: 'text', editable: false, width: 140 },
 	{ bindTo: 'error', title: 'log', type: 'text', editable: false, width: 'auto' },
 ];