diff --git a/src/components/WeeklyView.tsx b/src/components/WeeklyView.tsx
index 62ab8fe..4ab8481 100644
--- a/src/components/WeeklyView.tsx
+++ b/src/components/WeeklyView.tsx
@@ -1424,7 +1424,7 @@ export default function WeeklyView() {
                                     max={endHour - 1}
                                     value={startHour}
                                     onChange={(e) => setStartHour(Math.max(0, Math.min(parseInt(e.target.value) || 0, endHour - 1)))}
-                                    className="w-8 p-0.5 border border-gray-200 rounded text-center bg-transparent focus:outline-none focus:border-teal-500"
+                                    className="w-12 p-0.5 border border-gray-200 rounded text-center bg-transparent focus:outline-none focus:border-teal-500"
                                 />
                                 <span>-</span>
                                 <input
@@ -1433,7 +1433,7 @@ export default function WeeklyView() {
                                     max="24"
                                     value={endHour}
                                     onChange={(e) => setEndHour(Math.max(startHour + 1, Math.min(parseInt(e.target.value) || 24, 24)))}
-                                    className="w-8 p-0.5 border border-gray-200 rounded text-center bg-transparent focus:outline-none focus:border-teal-500"
+                                    className="w-12 p-0.5 border border-gray-200 rounded text-center bg-transparent focus:outline-none focus:border-teal-500"
                                 />
                             </div>
                         </div>