diff --git a/frontend/src/views/DiaryView.vue b/frontend/src/views/DiaryView.vue
index d48e615..61684e4 100644
--- a/frontend/src/views/DiaryView.vue
+++ b/frontend/src/views/DiaryView.vue
@@ -774,6 +774,7 @@ input[type="number"] {
     z-index: 1000;
     width: calc(100% - 20px);
     box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
+    max-width: 30em;
 }
 
 .dropdown div {