diff --git a/web/layouts/journeys/_partials/journeys-carpool.html b/web/layouts/journeys/_partials/journeys-carpool.html
index d20aa46..00c52eb 100644
--- a/web/layouts/journeys/_partials/journeys-carpool.html
+++ b/web/layouts/journeys/_partials/journeys-carpool.html
@@ -7,36 +7,53 @@
 {{$first := true}}
 {{$i := 0}}
 {{range .ViewState.carpools}}
+{{$carpoolData := index .ExtraMembers "ocss"}}
 {{if $first}}
 {{$first = false}}
 <div class="p-4 pb-8">
 {{else}}
 <div class="p-4 border-t-2 pb-8">
 {{end}}
-    <div class="flex text-sm text-grey-900 font-bold">
-      <div class="flex-1">Trajet en covoiturage avec {{.ExtraMembers.ocss.Driver.Alias}}</div>
+    <div class="flex items-center justify-between mb-3">
+      <div class="flex-1">
+        <div class="text-sm text-grey-900 font-bold">Trajet en covoiturage avec {{$carpoolData.Driver.Alias}}</div>
+        {{$pickupDate := timeFrom $carpoolData.PassengerPickupDate}}
+        {{if $pickupDate}}<div class="text-xs text-gray-600">Départ {{$pickupDate}}</div>{{end}}
+      </div>
+      {{if and $carpoolData.Price $carpoolData.Price.Amount}}
+      <div class="text-lg font-bold text-co-blue">{{printf "%.2f" (round2 $carpoolData.Price.Amount)}}€</div>
+      {{end}}
     </div>
-    <!--{{if .ExtraMembers.ocss.PassengerPickupDate}}<div class="text-xs">Départ {{(timeFrom .ExtraMembers.ocss.PassengerPickupDate)}}</div>{{end}}-->
-    <!--<div class="flex items-center justify-center text-sm my-4">
-        <span class="ml-2 mt-1">
-        </span>
-        {{$.IconSet.Icon "hero:outline/chevron-right" "h-3 w-3 stroke-gray-800 m-2"}}
-        <span class="ml-2 mt-1">
-        </span>
-    </div>-->
-
-    <div class="p-4 pb-8 flex items-center justify-center">
-        <!--<span class="text-xs text-md">Avec </span>
-        <span class="ml-2 mt-1 h-5 rounded-xl bg-gray-200 flex items-center justify-center ring-8 ring-white text-black p-2 text-sm">
-        </span>-->
-
-        <span class="text-xs text-md"> sur l'application </span>
-        <span class="ml-2 rounded-xl px-2 py-1 bg-co-blue flex items-center justify-center ring-8 ring-white text-sm text-white whitespace-nowrap">
-            Blablacar Daily
-        </span>
 
+    <!-- Pickup and Drop addresses -->
+    <div class="mb-4 space-y-2">
+      {{if $carpoolData.PassengerPickupAddress}}
+      <div class="flex items-start gap-2 text-sm">
+        {{$.IconSet.Icon "hero:outline/map-pin" "h-4 w-4 text-co-green mt-0.5"}}
+        <div>
+          <div class="text-xs text-gray-500">Départ</div>
+          <div class="text-gray-900">{{$carpoolData.PassengerPickupAddress}}</div>
+        </div>
+      </div>
+      {{end}}
+      {{if $carpoolData.PassengerDropAddress}}
+      <div class="flex items-start gap-2 text-sm">
+        {{$.IconSet.Icon "hero:outline/flag" "h-4 w-4 text-co-red mt-0.5"}}
+        <div>
+          <div class="text-xs text-gray-500">Arrivée</div>
+          <div class="text-gray-900">{{$carpoolData.PassengerDropAddress}}</div>
+        </div>
+      </div>
+      {{end}}
+    </div>
+
+    <div class="text-center">
+        {{if $carpoolData.WebUrl}}
+        <a href="{{$carpoolData.WebUrl}}" target="_blank" class="inline-block rounded-xl px-4 py-1 bg-co-blue text-white text-sm hover:bg-co-darkblue transition-colors">
+            <span>Voir l'offre sur </span><span>{{$carpoolData.Operator}}</span>
+        </a>
+        {{end}}
     </div>
-    <p class=" text-center text-xs">Accéder au trajet :<br /> <a href="{{.ExtraMembers.ocss.WebUrl}}" class="text-co-blue">{{.ExtraMembers.ocss.WebUrl}}</a></p>
     <div  x-data="{dialog{{$i}}: false}" class="text-center">
         <button @click="dialog{{$i}} = !dialog{{$i}}" class="m-4 rounded-xl px-4 py-1 mt-8 bg-gray-200 text-co-blue text-sm">Envoyer le lien par SMS</button>
         <div x-show="dialog{{$i}}" class="relative z-10" aria-labelledby="modal-title" role="dialog" aria-modal="true">