From 29dd5e59d7fc029d470c595226dcc8a18bbcc94c Mon Sep 17 00:00:00 2001
From: samunohito <46447427+samunohito@users.noreply.github.com>
Date: Sun, 28 Jul 2024 07:57:27 +0900
Subject: [PATCH] fix layout

---
 packages/frontend/src/components/grid/MkDataCell.vue | 2 ++
 packages/frontend/src/components/grid/MkDataRow.vue  | 1 +
 2 files changed, 3 insertions(+)

diff --git a/packages/frontend/src/components/grid/MkDataCell.vue b/packages/frontend/src/components/grid/MkDataCell.vue
index d20ba00f5a..066b64f22e 100644
--- a/packages/frontend/src/components/grid/MkDataCell.vue
+++ b/packages/frontend/src/components/grid/MkDataCell.vue
@@ -359,6 +359,8 @@ $cellHeight: 28px;
 .contentArea, .inputArea {
 	display: flex;
 	align-items: center;
+	width: 100%;
+	max-width: 100%;
 }
 
 .content {
diff --git a/packages/frontend/src/components/grid/MkDataRow.vue b/packages/frontend/src/components/grid/MkDataRow.vue
index d3eb214571..5d9e36626b 100644
--- a/packages/frontend/src/components/grid/MkDataRow.vue
+++ b/packages/frontend/src/components/grid/MkDataRow.vue
@@ -63,6 +63,7 @@ defineProps<{
 	display: flex;
 	flex-direction: row;
 	align-items: center;
+	width: fit-content;
 
 	&.ranged {
 		background-color: var(--accentedBg);