diff --git a/frontend/src/containers/orders/components/OrderInfo.jsx b/frontend/src/containers/orders/components/OrderInfo.jsx
index 5865735..e75ca4d 100644
--- a/frontend/src/containers/orders/components/OrderInfo.jsx
+++ b/frontend/src/containers/orders/components/OrderInfo.jsx
@@ -80,7 +80,7 @@ class OrderInfo extends Component {
                     <Col xl="2">
                         <div>
                             <div className="subtitle"><h6>{orderTexts.labels.REFERENCE}:</h6></div>
-                            <span>{orderInfo.reference || '-'}</span>
+                            <span className="reference">{orderInfo.reference || '-'}</span>
                         </div>
                         <div>
                             <div className="subtitle"><h6>{orderTexts.labels.BID}:</h6></div>
@@ -139,7 +139,7 @@ class OrderInfo extends Component {
                     <Col xl="2">
                         <div>
                             <div className="subtitle"><h6>{orderTexts.labels.PROJECT}:</h6></div>
-                            <span>{orderInfo.projectName || '-'}</span>
+                            <span className="project-name">{orderInfo.projectName || '-'}</span>
                         </div>
                         
                         <div className="terms-link">
diff --git a/frontend/src/containers/orders/style/ProcessContainer.scss b/frontend/src/containers/orders/style/ProcessContainer.scss
index 55bfad9..8b70054 100644
--- a/frontend/src/containers/orders/style/ProcessContainer.scss
+++ b/frontend/src/containers/orders/style/ProcessContainer.scss
@@ -7,6 +7,14 @@ $link-line-height: 1.5rem;
         margin-top: 0.5rem;
     }
 
+    .reference{
+        word-break: break-all;
+    }
+
+    .project-name{
+        word-break: break-all;
+    }
+
     .info-color {
         margin-top: 0.2rem;
         padding-left: 0.2rem;