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);