diff --git a/app-src/src/App.css b/app-src/src/App.css
index 0b195bf..4a3ba7f 100644
--- a/app-src/src/App.css
+++ b/app-src/src/App.css
@@ -115,4 +115,10 @@ table ul li {
 
 .rotating {
     animation: rotating 2s linear infinite;
-}
\ No newline at end of file
+}
+
+.service-status-tooltip {
+    .tooltip-inner {
+        min-width: 250px;
+    }
+}
diff --git a/app-src/src/components/ServiceStatusBadge.js b/app-src/src/components/ServiceStatusBadge.js
index 92a166a..2bc3bdd 100644
--- a/app-src/src/components/ServiceStatusBadge.js
+++ b/app-src/src/components/ServiceStatusBadge.js
@@ -23,7 +23,10 @@ const ServiceStatusBadge = ({
         placement="top"
         delay={100}
         overlay={
-          <Tooltip id={`tooltip-task-status-sate-${id}`}>
+          <Tooltip
+            id={`tooltip-task-status-sate-${id}`}
+            className="service-status-tooltip"
+          >
             {createdAt && (
               <span>
                 Created at:{' '}