diff --git a/src/pages/workorders/form/WorkOrderFormPage.css b/src/pages/workorders/form/WorkOrderFormPage.css
index bc6c7c1b..474e9a6a 100644
--- a/src/pages/workorders/form/WorkOrderFormPage.css
+++ b/src/pages/workorders/form/WorkOrderFormPage.css
@@ -172,6 +172,10 @@
   width: 50%;
 }
 
+.col-sm-12 {
+  width: 100%;
+}
+
 @media (min-width: 992px) {
   .col-md-4 {
     width: 33.33333333%;
diff --git a/src/pages/workorders/form/WorkOrderFormPage.js b/src/pages/workorders/form/WorkOrderFormPage.js
index 54deae9f..228d7f7d 100644
--- a/src/pages/workorders/form/WorkOrderFormPage.js
+++ b/src/pages/workorders/form/WorkOrderFormPage.js
@@ -325,7 +325,7 @@ export default function WorkOrderFormPage() {
                         name="description"
                         value={formData.description}
                         onChange={handleChange}
-                        rows="5"
+                        rows="10"
                         style={{ resize: "none" }}
                         placeholder="Detailed description of the work to be performed"
                       />