diff --git a/husky-fhir/husky-fhir-emed-ch/husky-fhir-emed-ch-epr-narrative/src/main/resources/narrative/templates/medication_card.html b/husky-fhir/husky-fhir-emed-ch/husky-fhir-emed-ch-epr-narrative/src/main/resources/narrative/templates/medication_card.html
index 07836c5496..b672b05710 100644
--- a/husky-fhir/husky-fhir-emed-ch/husky-fhir-emed-ch-epr-narrative/src/main/resources/narrative/templates/medication_card.html
+++ b/husky-fhir/husky-fhir-emed-ch/husky-fhir-emed-ch-epr-narrative/src/main/resources/narrative/templates/medication_card.html
@@ -27,10 +27,41 @@ <h2>Dernière modification</h2>
 
     <div id="active-treatments">
         <h2 id="active-treatments-header">Traitements actifs</h2>
-        <th:block th:insert="~{medication_card_fragments :: table(${activeTreatments}, ${lang})}"/>
-    </div>
-    <div id="reserve-treatments">
-        <h2 id="reserve-treatments-header">Traitements en réserve</h2>
-        <th:block th:insert="~{medication_card_fragments :: table(${asneededTreatments}, ${lang})}"/>
+        <table class="treatments">
+            <thead>
+            <tr>
+                <td rowspan="2" colspan="2">Nom du médicament</td>
+                <td colspan="4">Dosage</td>
+                <td rowspan="2">Commentaire</td>
+                <td rowspan="2">Voie et localisation</td>
+            </tr>
+            <tr>
+                <td>Matin</td>
+                <td>Midi</td>
+                <td>Soir</td>
+                <td>Nuit</td>
+            </tr>
+            </thead>
+            <th:block th:each="statements: ${activeTreatments}">
+                <th:block th:insert="~{medication_card_fragments::treatmentPlan(${statements.value}, ${lang})}"/>
+            </th:block>
+            <th:block th:if="${!asneededTreatments.isEmpty()}">
+                <tbody>
+                <tr>
+                    <td colspan="8" class="as-needed-treatments-header">Traitements en réserve:</td>
+                </tr>
+                </tbody>
+                <th:block th:each="statements: ${asneededTreatments}">
+                    <th:block th:insert="~{medication_card_fragments::treatmentPlan(${statements.value}, ${lang})}"/>
+                </th:block>
+            </th:block>
+            <th:block th:if="${activeTreatments.isEmpty() && asneededTreatments.isEmpty()}">
+                <tbody>
+                    <tr>
+                        <td colspan="8" class="no-treatment">Aucun traitement</td>
+                    </tr>
+                </tbody>
+            </th:block>
+        </table>
     </div>
 </th:block>
diff --git a/husky-fhir/husky-fhir-emed-ch/husky-fhir-emed-ch-epr-narrative/src/main/resources/narrative/templates/medication_card_fragments.html b/husky-fhir/husky-fhir-emed-ch/husky-fhir-emed-ch-epr-narrative/src/main/resources/narrative/templates/medication_card_fragments.html
index 647d5fff78..97002c9c2b 100644
--- a/husky-fhir/husky-fhir-emed-ch/husky-fhir-emed-ch-epr-narrative/src/main/resources/narrative/templates/medication_card_fragments.html
+++ b/husky-fhir/husky-fhir-emed-ch/husky-fhir-emed-ch-epr-narrative/src/main/resources/narrative/templates/medication_card_fragments.html
@@ -7,33 +7,6 @@
   ~ on the basis of the eHealth Connector opensource project from June 28, 2021,
   ~ whereas medshare GmbH is the initial and main contributor/author of the eHealth Connector.
   */-->
-<table th:fragment="table(treatments, lang)">
-    <thead>
-        <tr>
-            <td rowspan="2" colspan="2">Nom du médicament</td>
-            <td colspan="4">Dosage</td>
-            <td rowspan="2">Commentaire</td>
-            <td rowspan="2">Voie et localisation</td>
-        </tr>
-        <tr>
-            <td>Matin</td>
-            <td>Midi</td>
-            <td>Soir</td>
-            <td>Nuit</td>
-        </tr>
-    </thead>
-    <th:block th:each="statements: ${treatments}">
-        <th:block th:insert="~{::treatmentPlan(${statements.value}, ${lang})}"/>
-    </th:block>
-    <th:block th:if="${treatments.isEmpty()}">
-        <tbody>
-            <tr>
-                <td colspan="8" class="no-treatment">Aucun traitement</td>
-            </tr>
-        </tbody>
-    </th:block>
-</table>
-
 <th:block th:fragment="treatmentPlan(statements, lang)">
     <tbody class="treatment-plan-body">
         <th:block th:each="statement, iStat: ${statements}">
@@ -45,11 +18,37 @@
 <th:block th:fragment="table-line(medStmt, dosage, index, size, lang)">
     <tr class="statement-row" th:classappend="${(index == 0)? ' treatment-first-row' : ''}">
         <th:block th:if="${index} == 0">
-            <td class="treatment-plan-common-cell" th:rowspan="${size} * 2"/>
+            <td class="treatment-plan-common-cell" th:rowspan="${size}"/>
         </th:block>
         <!-- Nom du médicament -->
-        <td>
-            [[${medStmt.resolveMedication().resolveMedicationName()}]]
+        <td class="medication" th:with="medication=${medStmt.resolveMedication()}">
+            <div class="medication-name">[[${medication.resolveMedicationName()}]]</div>
+            <div class="medication-description">
+                <th:block th:with="activeIngredients=${medication.resolveActiveIngredients()}">
+                    <ul class="medication-active-ingredients" th:unless="${activeIngredients.isEmpty}">
+                        <li th:each="activeIngredient : ${activeIngredients}">
+                            [[${activeIngredient.resolveActiveIngredient().getDisplayName(lang.getLanguageCode())}]]
+                        </li>
+                    </ul>
+                </th:block>
+
+                <div class="treatment-line-period" th:if="${dosage.period().hasStart() and dosage.period().hasEnd()}">
+                    À prendre du
+                    <th:block th:insert="~{datatypes :: date-time(${dosage.period().getStartElement()}, ${lang})}"/>
+                    au
+                    <th:block th:insert="~{datatypes :: date-time(${dosage.period().getEndElement()}, ${lang})}"/>
+                </div>
+                <div class="treatment-line-period" th:if="${dosage.period().hasStart() and not dosage.period().hasEnd()}">
+                    À prendre dès le
+                    <th:block th:insert="~{datatypes :: date-time(${dosage.period().getStartElement()}, ${lang})}"/>
+                </div>
+                <div class="treatment-line-period" th:if="${not dosage.period().hasStart() and dosage.period().hasEnd()}">
+                    À prendre jusqu'au
+                    <th:block th:insert="~{datatypes :: date-time(${dosage.period().getEndElement()}, ${lang})}"/>
+                </div>
+
+                <div class="treatment-line-max-dose" th:if="${dosage.hasMaxDose()}" th:insert="~{datatypes::max-doses(${dosage}, ${lang})}"/>
+            </div>
         </td>
 
         <!-- Dosage -->
@@ -66,10 +65,14 @@
             <td th:insert="~{datatypes :: intake-timing(${dosage.hasNightSimpleEventTiming}, ${lang})}"/>
         </th:block>
         <th:block th:if="${dosage.hasSimpleDose}">
-            <td colspan="4" th:insert="~{datatypes :: simple-dose(${dosage.simpleDose}, ${lang})}"/>
+            <td colspan="4" class="daily-intake">
+                *** <th:block th:insert="~{datatypes :: simple-dose(${dosage.simpleDose}, ${lang})}"/> par jour ***
+            </td>
         </th:block>
         <th:block th:unless="${dosage.hasIntakes or dosage.hasSimpleEventTimings or dosage.hasSimpleDose}">
-            <td colspan="4" th:text="${dosage.patientInstructions}"/>
+            <td colspan="4" class="daily-instructions">
+                *** <th:block th:text="${dosage.patientInstructions}"/> ***
+            </td>
         </th:block>
 
         <!-- Commentaire (raison et instructions au patient -->
@@ -89,24 +92,4 @@
                       th:text="${fopase.getMessage(dosage.routeOfAdministration(), lang)}"/>
         </td>
     </tr>
-    <tr>
-        <td colspan="8" class="description">
-            <th:block th:if="${dosage.period().hasStart() and dosage.period().hasEnd()}">
-                À prendre du
-                <th:block th:insert="~{datatypes :: date-time(${dosage.period().getStartElement()}, ${lang})}"/>
-                au
-                <th:block th:insert="~{datatypes :: date-time(${dosage.period().getEndElement()}, ${lang})}"/>
-            </th:block>
-            <th:block th:if="${dosage.period().hasStart() and not dosage.period().hasEnd()}">
-                À prendre dès le
-                <th:block th:insert="~{datatypes :: date-time(${dosage.period().getStartElement()}, ${lang})}"/>
-            </th:block>
-            <th:block th:if="${not dosage.period().hasStart() and dosage.period().hasEnd()}">
-                À prendre jusqu'au
-                <th:block th:insert="~{datatypes :: date-time(${dosage.period().getEndElement()}, ${lang})}"/>
-            </th:block>
-
-            <th:block th:if="${dosage.hasMaxDose()}" th:insert="~{datatypes::max-doses(${dosage}, ${lang})}"/>
-        </td>
-    </tr>
 </th:block>
diff --git a/husky-fhir/husky-fhir-emed-ch/husky-fhir-emed-ch-epr/src/main/java/org/projecthusky/fhir/emed/ch/epr/resource/ChEmedEprMedication.java b/husky-fhir/husky-fhir-emed-ch/husky-fhir-emed-ch-epr/src/main/java/org/projecthusky/fhir/emed/ch/epr/resource/ChEmedEprMedication.java
index 2a1e3668ff..7bce6a9ab8 100644
--- a/husky-fhir/husky-fhir-emed-ch/husky-fhir-emed-ch-epr/src/main/java/org/projecthusky/fhir/emed/ch/epr/resource/ChEmedEprMedication.java
+++ b/husky-fhir/husky-fhir-emed-ch/husky-fhir-emed-ch-epr/src/main/java/org/projecthusky/fhir/emed/ch/epr/resource/ChEmedEprMedication.java
@@ -12,7 +12,6 @@
 
 import ca.uhn.fhir.model.api.annotation.ResourceDef;
 import org.checkerframework.checker.nullness.qual.Nullable;
-import org.hl7.fhir.r4.model.CodeableConcept;
 import org.hl7.fhir.r4.model.Coding;
 import org.hl7.fhir.r4.model.Medication;
 import org.hl7.fhir.r4.model.UriType;
@@ -211,8 +210,10 @@ public PharmaceuticalDoseFormEdqm resolveForm() throws InvalidEmedContentExcepti
     public List<ChEmedEprMedicationIngredient> resolveActiveIngredients() {
         return this.getIngredient().stream()
                 .filter(MedicationIngredientComponent::getIsActive)
-                .filter(ChEmedEprMedicationIngredient.class::isInstance)
-                .map(ChEmedEprMedicationIngredient.class::cast)
+                .map(ingredient -> {
+                    if (ingredient instanceof ChEmedEprMedicationIngredient chEmedEprIngredient) return  chEmedEprIngredient;
+                    else return new ChEmedEprMedicationIngredient(ingredient);
+                })
                 .toList();
     }
 
diff --git a/husky-fhir/husky-fhir-emed-ch/husky-fhir-emed-ch-epr/src/main/java/org/projecthusky/fhir/emed/ch/epr/resource/ChEmedEprMedicationIngredient.java b/husky-fhir/husky-fhir-emed-ch/husky-fhir-emed-ch-epr/src/main/java/org/projecthusky/fhir/emed/ch/epr/resource/ChEmedEprMedicationIngredient.java
index 8ae45e0253..3ab87c7c64 100644
--- a/husky-fhir/husky-fhir-emed-ch/husky-fhir-emed-ch-epr/src/main/java/org/projecthusky/fhir/emed/ch/epr/resource/ChEmedEprMedicationIngredient.java
+++ b/husky-fhir/husky-fhir-emed-ch/husky-fhir-emed-ch-epr/src/main/java/org/projecthusky/fhir/emed/ch/epr/resource/ChEmedEprMedicationIngredient.java
@@ -22,6 +22,14 @@ public ChEmedEprMedicationIngredient() {
         super();
     }
 
+    /**
+     * Constructor from {@link Medication.MedicationIngredientComponent} object.
+     * @param ingredientComponent the ingredient
+     */
+    public ChEmedEprMedicationIngredient(final Medication.MedicationIngredientComponent ingredientComponent) {
+        ingredientComponent.copyValues(this);
+    }
+
     /**
      * Resolves the dose per unit.
      *