diff --git a/CHANGELOG.md b/CHANGELOG.md
index 25d6111c..edd74ad1 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -22,6 +22,8 @@ the detailed section referring to by linking pull requests or issues.
 
 #### Patch
 
+- Fixed cropping of Contract Offer Ids on catalog browser page
+  ([#795](https://github.com/sovity/edc-ui/issues/795))
 - Used createDataOffer endpoint to create an asset, policies and a contract
   definition in a single call
   ([#841](https://github.com/sovity/edc-ui/issues/841))
diff --git a/src/app/core/services/api/fake-backend/connector-fake-impl/catalog-fake-service.ts b/src/app/core/services/api/fake-backend/connector-fake-impl/catalog-fake-service.ts
index fd35f6cd..23976bd5 100644
--- a/src/app/core/services/api/fake-backend/connector-fake-impl/catalog-fake-service.ts
+++ b/src/app/core/services/api/fake-backend/connector-fake-impl/catalog-fake-service.ts
@@ -10,12 +10,12 @@ let dataOffers: UiDataOffer[] = [
     contractOffers: [
       {
         contractOfferId:
-          'Zmlyc3QtY2Q=:Zmlyc3QtYXNzZXQtMS4w:MjgzNTZkMTMtN2ZhYy00NTQwLTgwZjItMjI5NzJjOTc1ZWNi',
+          'dGVzdHRlc3R0ZXN0dGVzdHRlc3Q=:dGVzdHRlc3R0ZXN0dGVzdHRlc3Q=:MDE5MjA4ZWMtMjI0My03YmEyLWE5ZGYtYzRjZTZkZDEyYzAx',
         policy: TestPolicies.connectorRestricted,
       },
       {
         contractOfferId:
-          'Bmlyf3Qt62Q=:Zmlyc3QtYXNzZXQtMS4w:NigzNTZkMTMtN2ZhYy00NTQwLTgwZjItMjI5NzJjOTc1ZWNj',
+          'Zmlyc3QtY2Q=:Zmlyc3QtYXNzZXQtMS4w:MjgzNTZkMTMtN2ZhYy00NTQwLTgwZjItMjI5NzJjOTc1ZWNi',
         policy: TestPolicies.warnings,
       },
     ],
diff --git a/src/app/shared/business/contract-offer-mini-list/contract-offer-mini-list.component.ts b/src/app/shared/business/contract-offer-mini-list/contract-offer-mini-list.component.ts
index 2d664d9e..b0b4ea2a 100644
--- a/src/app/shared/business/contract-offer-mini-list/contract-offer-mini-list.component.ts
+++ b/src/app/shared/business/contract-offer-mini-list/contract-offer-mini-list.component.ts
@@ -34,6 +34,7 @@ export class ContractOfferMiniListComponent {
         label: 'Contract Offer Id',
         text: this.data.contractOffers.find((it) => it.contractOfferId == id)
           ?.contractOfferId,
+        additionalClasses: 'min-h-fit h-fit break-all',
       },
     ];
   }