diff --git a/public/css/index.css b/public/css/index.css
index 1d82d7159c154749dc311c4d00b434e977d4095d..9b2150076aebaa3d7f83eca4fe46bd87c2772a59 100644
--- a/public/css/index.css
+++ b/public/css/index.css
@@ -71,8 +71,8 @@ button[type="submit"]:hover {
   margin-bottom: 1rem;
   padding: 1rem;
   display: flex;
-  justify-content: space-between;
-  align-items: center;
+  flex-direction: column;  
+  align-items: flex-start;  
   transition: all 0.3s ease;
 }
 .task-list li:hover {
@@ -85,7 +85,13 @@ button[type="submit"]:hover {
 .task-list li.completed span {
   text-decoration: line-through;
 }
+.task-text {
+  white-space: normal;  
+  word-wrap: break-word;  
+  width: 100%; 
+}
 .task-actions {
+  margin-left: auto;  
   display: flex;
   gap: 0.5rem;
 }