diff --git a/.changeset/sixty-apes-lick.md b/.changeset/sixty-apes-lick.md
new file mode 100644
index 000000000..b70fd06bd
--- /dev/null
+++ b/.changeset/sixty-apes-lick.md
@@ -0,0 +1,5 @@
+---
+"io-services-cms-backoffice": patch
+---
+
+Fixed multiline service name and status chips
diff --git a/apps/backoffice/src/components/services/service-status.tsx b/apps/backoffice/src/components/services/service-status.tsx
index d0c650002..01f1c864d 100644
--- a/apps/backoffice/src/components/services/service-status.tsx
+++ b/apps/backoffice/src/components/services/service-status.tsx
@@ -46,6 +46,11 @@ export const ServiceStatus = ({ status }: ServiceStatusProps) => {
         size="small"
         color={color as any}
         disabled={disabled}
+        sx={{
+          "& .MuiChip-label": {
+            whiteSpace: "nowrap"
+          }
+        }}
       />
     </LoaderSkeleton>
   );
diff --git a/apps/backoffice/src/components/table-view/table-view.tsx b/apps/backoffice/src/components/table-view/table-view.tsx
index 0c4decf41..cd17c5d10 100644
--- a/apps/backoffice/src/components/table-view/table-view.tsx
+++ b/apps/backoffice/src/components/table-view/table-view.tsx
@@ -127,6 +127,7 @@ export function TableView<T>({ ...props }: TableViewProps<T>) {
                       <TableCell
                         key={`tb-row-${tbRowIndex}-col-${tbColIndex}`}
                         align={col.alignment}
+                        sx={{ maxWidth: "300px" }}
                       >
                         <LoaderSkeleton
                           loading={props.loading ?? false}
diff --git a/apps/backoffice/src/pages/services/index.tsx b/apps/backoffice/src/pages/services/index.tsx
index 165495d7a..c004ae899 100644
--- a/apps/backoffice/src/pages/services/index.tsx
+++ b/apps/backoffice/src/pages/services/index.tsx
@@ -99,7 +99,10 @@ export default function Services() {
               <CallSplit fontSize="small" color="primary" />
             ) : null
           }
-          sx={{ fontWeight: 700, textAlign: "left" }}
+          sx={{
+            textAlign: "left",
+            width: "100%"
+          }}
           disabled={isServiceStatusValueDeleted(service.status.value)}
           onClick={() =>
             hasTwoDifferentVersions(service)
@@ -107,7 +110,20 @@ export default function Services() {
               : router.push(`/services/${service.id}`)
           }
         >
-          {service.name}
+          <Typography
+            fontWeight={700}
+            color="primary.main"
+            noWrap
+            style={{
+              textOverflow: "ellipsis",
+              overflow: "hidden",
+              whiteSpace: "nowrap",
+              display: "block",
+              width: "100%"
+            }}
+          >
+            {service.name}
+          </Typography>
         </Button>
       )
     },