diff --git a/.github/workflows/build.yaml b/.github/workflows/build.yaml
index e51ec224..c4cf3e4c 100644
--- a/.github/workflows/build.yaml
+++ b/.github/workflows/build.yaml
@@ -204,11 +204,15 @@ jobs:
             -
                 name: Run Behat
                 run: |
+                    echo "➡️  Running PDF-specific scenarios"
                     if [ "${{ matrix.wkhtmltopdf }}" != "false" ]; then
-                        vendor/bin/behat --colors --strict -vvv --no-interaction -f progress --tags="~@pdf_disabled" || vendor/bin/behat --colors --strict -vvv --no-interaction -f progress --rerun;
+                        vendor/bin/behat --colors --strict -vvv --no-interaction -f progress --tags='@pdf_enabled' || vendor/bin/behat --colors --strict -vvv --no-interaction -f progress --tags='@pdf_enabled' --rerun
                     else
-                        vendor/bin/behat --colors --strict -vvv --no-interaction -f progress --tags="~@pdf_enabled" || vendor/bin/behat --colors --strict -vvv --no-interaction -f progress --rerun;
+                        vendor/bin/behat --colors --strict -vvv --no-interaction -f progress --tags='@pdf_disabled' || vendor/bin/behat --colors --strict -vvv --no-interaction -f progress --tags='@pdf_disabled' --rerun
                     fi
+                    
+                    echo "➡️  Running all remaining scenarios (excluding PDF-specific)"
+                    vendor/bin/behat --colors --strict -vvv --no-interaction -f progress --tags='~@pdf_enabled&&~@pdf_disabled' || vendor/bin/behat --colors --strict -vvv --no-interaction -f progress --tags='~@pdf_enabled&&~@pdf_disabled' --rerun
 
             -
                 name: Upload Behat logs
diff --git a/UPGRADE-2.1.md b/UPGRADE-2.1.md
new file mode 100644
index 00000000..918ed7ae
--- /dev/null
+++ b/UPGRADE-2.1.md
@@ -0,0 +1,5 @@
+# UPGRADE FROM 2.0 TO 2.1
+
+### Twig hooks
+- `'sylius_admin.invoice.show.content.header.title_block.title.subtitle'`- hook has been deprecated and disabled. Content of this hook has been moved to `'sylius_admin.invoice.show.content.sections.details'`section
+- `'sylius_admin.invoice.show.content.sections.card'`- hook has been deprecated and disabled. Content of this hook has been moved to `'sylius_admin.invoice.show.content.sections.details'`section
diff --git a/config/twig_hooks/admin/invoice/show.yaml b/config/twig_hooks/admin/invoice/show.yaml
index 29cb5209..c41ed757 100644
--- a/config/twig_hooks/admin/invoice/show.yaml
+++ b/config/twig_hooks/admin/invoice/show.yaml
@@ -20,6 +20,7 @@ sylius_twig_hooks:
             subtitle:
                 template: '@SyliusInvoicingPlugin/admin/invoice/show/content/header/title_block/title/subtitle.html.twig'
                 priority: 0
+                enabled: false
 
         'sylius_admin.invoice.show.content.header.title_block.actions':
             back_to_index:
@@ -34,6 +35,9 @@ sylius_twig_hooks:
                 priority: 0
 
         'sylius_admin.invoice.show.content.sections':
+            details:
+                template: '@SyliusInvoicingPlugin/admin/invoice/show/content/sections/details.html.twig'
+                priority: 300
             buyer:
                 template: '@SyliusInvoicingPlugin/admin/invoice/show/content/sections/buyer.html.twig'
                 priority: 200
@@ -44,6 +48,52 @@ sylius_twig_hooks:
                 template: '@SyliusInvoicingPlugin/admin/invoice/show/content/sections/card.html.twig'
                 priority: 0
 
+        'sylius_admin.invoice.show.content.sections.details':
+            date:
+                template: '@SyliusInvoicingPlugin/admin/invoice/show/content/sections/details/date.html.twig'
+                priority: 300
+            order:
+                template: '@SyliusInvoicingPlugin/admin/invoice/show/content/sections/details/order.html.twig'
+                priority: 200
+            channel:
+                template: '@SyliusInvoicingPlugin/admin/invoice/show/content/sections/details/channel.html.twig'
+                priority: 100
+            paid:
+                template: '@SyliusInvoicingPlugin/admin/invoice/show/content/sections/details/paid.html.twig'
+                priority: 0
+
+        'sylius_admin.invoice.show.content.sections.details.date':
+            label:
+                template: '@SyliusInvoicingPlugin/admin/invoice/show/content/sections/details/date/label.html.twig'
+                priority: 100
+            value:
+                template: '@SyliusInvoicingPlugin/admin/invoice/show/content/sections/details/date/value.html.twig'
+                priority: 0
+
+        'sylius_admin.invoice.show.content.sections.details.order':
+            label:
+                template: '@SyliusInvoicingPlugin/admin/invoice/show/content/sections/details/order/label.html.twig'
+                priority: 100
+            value:
+                template: '@SyliusInvoicingPlugin/admin/invoice/show/content/sections/details/order/value.html.twig'
+                priority: 0
+
+        'sylius_admin.invoice.show.content.sections.details.channel':
+            label:
+                template: '@SyliusInvoicingPlugin/admin/invoice/show/content/sections/details/channel/label.html.twig'
+                priority: 100
+            value:
+                template: '@SyliusInvoicingPlugin/admin/invoice/show/content/sections/details/channel/value.html.twig'
+                priority: 0
+
+        'sylius_admin.invoice.show.content.sections.details.paid':
+            label:
+                template: '@SyliusInvoicingPlugin/admin/invoice/show/content/sections/details/paid/label.html.twig'
+                priority: 100
+            value:
+                template: '@SyliusInvoicingPlugin/admin/invoice/show/content/sections/details/paid/value.html.twig'
+                priority: 0
+
         'sylius_admin.invoice.show.content.sections.buyer':
             first_name:
                 template: '@SyliusInvoicingPlugin/admin/invoice/show/content/sections/buyer/first_name.html.twig'
@@ -94,6 +144,7 @@ sylius_twig_hooks:
             footer:
                 template: '@SyliusInvoicingPlugin/admin/invoice/show/content/sections/card/footer.html.twig'
                 priority: 0
+                enabled: false
 
         'sylius_admin.invoice.show.content.sections.card.body':
             table:
diff --git a/features/managing_invoices/sending_invoice_when_order_is_paid.feature b/features/managing_invoices/sending_invoice_when_order_is_paid.feature
index 2494c738..3d033c3f 100644
--- a/features/managing_invoices/sending_invoice_when_order_is_paid.feature
+++ b/features/managing_invoices/sending_invoice_when_order_is_paid.feature
@@ -24,9 +24,9 @@ Feature: Sending invoice when order is paid
     @ui
     Scenario: Receiving an email containing invoice when the order is paid
         When the order "#00000666" has just been paid
-        Then an email containing invoice generated for order "#00000666" should be sent to "sylius@example.com"
+        Then an email containing invoice generated for order "#00000666" should be sent to "shop@example.com"
 
     @ui
     Scenario: Not receiving an email containing invoice when the order is not paid
         When the order "#00000667" was cancelled
-        Then an email containing invoice generated for order "#00000667" should not be sent to "sylius@example.com"
+        Then an email containing invoice generated for order "#00000667" should not be sent to "shop@example.com"
diff --git a/templates/admin/invoice/show/content/header/title_block/actions/back_to_index.html.twig b/templates/admin/invoice/show/content/header/title_block/actions/back_to_index.html.twig
index 3edcf8d1..2495edfb 100644
--- a/templates/admin/invoice/show/content/header/title_block/actions/back_to_index.html.twig
+++ b/templates/admin/invoice/show/content/header/title_block/actions/back_to_index.html.twig
@@ -1,3 +1,3 @@
-<a {{ sylius_test_html_attribute('back') }} href="{{ path('sylius_invoicing_admin_invoice_index') }}" class="btn">
+<a {{ sylius_test_html_attribute('back') }} href="{{ path('sylius_invoicing_admin_invoice_index') }}" class="btn btn-icon">
     {{ ux_icon('tabler:arrow-left', {'class': 'icon'}) }}
 </a>
diff --git a/templates/admin/invoice/show/content/header/title_block/title/subtitle.html.twig b/templates/admin/invoice/show/content/header/title_block/title/subtitle.html.twig
index 30b57583..7ca60d57 100644
--- a/templates/admin/invoice/show/content/header/title_block/title/subtitle.html.twig
+++ b/templates/admin/invoice/show/content/header/title_block/title/subtitle.html.twig
@@ -1,3 +1,5 @@
+{% deprecated 'The "subtitle.html.twig" template is deprecated. Content has been moved to details section.' %}
+
 {% set invoice = hookable_metadata.context.resource %}
 
 <div class="mt-1">
diff --git a/templates/admin/invoice/show/content/sections/buyer.html.twig b/templates/admin/invoice/show/content/sections/buyer.html.twig
index 6e89baa8..44794237 100644
--- a/templates/admin/invoice/show/content/sections/buyer.html.twig
+++ b/templates/admin/invoice/show/content/sections/buyer.html.twig
@@ -1,5 +1,5 @@
-<div class="col">
-    <div class="card mb-3">
+<div class="col-12 col-md-4 mb-3">
+    <div class="card h-full">
         <div class="card-header">
             <div class="card-title">
                 {{ 'sylius_invoicing.ui.buyer'|trans }}
diff --git a/templates/admin/invoice/show/content/sections/buyer/first_name.html.twig b/templates/admin/invoice/show/content/sections/buyer/first_name.html.twig
index 3149e9ef..5a47f781 100644
--- a/templates/admin/invoice/show/content/sections/buyer/first_name.html.twig
+++ b/templates/admin/invoice/show/content/sections/buyer/first_name.html.twig
@@ -1,3 +1,5 @@
 {% set billing_data = hookable_metadata.context.resource.billingData %}
 
-<strong>{{ billing_data.firstName }} {{ billing_data.lastName }}</strong>
+<div>
+    <strong>{{ billing_data.firstName }} {{ billing_data.lastName }}</strong>
+</div>
diff --git a/templates/admin/invoice/show/content/sections/card.html.twig b/templates/admin/invoice/show/content/sections/card.html.twig
index d5e00f32..1c9a2f24 100644
--- a/templates/admin/invoice/show/content/sections/card.html.twig
+++ b/templates/admin/invoice/show/content/sections/card.html.twig
@@ -1,5 +1,5 @@
 {% set invoice = hookable_metadata.context.resource %}
 
-<div class="card mb-3 mb-2">
+<div class="col-12">
     {% hook 'card' %}
 </div>
diff --git a/templates/admin/invoice/show/content/sections/card/body.html.twig b/templates/admin/invoice/show/content/sections/card/body.html.twig
index 44429c31..9467c835 100644
--- a/templates/admin/invoice/show/content/sections/card/body.html.twig
+++ b/templates/admin/invoice/show/content/sections/card/body.html.twig
@@ -1,3 +1,3 @@
-<div class="card-body">
+<div class="card">
     {% hook 'body' %}
 </div>
diff --git a/templates/admin/invoice/show/content/sections/card/body/table.html.twig b/templates/admin/invoice/show/content/sections/card/body/table.html.twig
index e5e75a2c..c3882400 100644
--- a/templates/admin/invoice/show/content/sections/card/body/table.html.twig
+++ b/templates/admin/invoice/show/content/sections/card/body/table.html.twig
@@ -1,5 +1,5 @@
 <div class="table-responsive">
-    <table class="table table-bordered table-striped table-sm">
+    <table class="table" {{ sylius_test_html_attribute('invoice-items') }}>
         {% hook 'table' %}
     </table>
 </div>
diff --git a/templates/admin/invoice/show/content/sections/card/body/table/body/currency.html.twig b/templates/admin/invoice/show/content/sections/card/body/table/body/currency.html.twig
index 3d2cf821..7abc3bdf 100644
--- a/templates/admin/invoice/show/content/sections/card/body/table/body/currency.html.twig
+++ b/templates/admin/invoice/show/content/sections/card/body/table/body/currency.html.twig
@@ -1 +1 @@
-<td>{{ hookable_metadata.context.resource.currencyCode }}</td>
+<td class="text-center">{{ hookable_metadata.context.resource.currencyCode }}</td>
diff --git a/templates/admin/invoice/show/content/sections/card/body/table/body/no.html.twig b/templates/admin/invoice/show/content/sections/card/body/table/body/no.html.twig
index 468618da..4946a321 100644
--- a/templates/admin/invoice/show/content/sections/card/body/table/body/no.html.twig
+++ b/templates/admin/invoice/show/content/sections/card/body/table/body/no.html.twig
@@ -1 +1 @@
-<td>{{ hookable_metadata.context.loop.index }}</td>
+<td class="text-center">{{ hookable_metadata.context.loop.index }}</td>
diff --git a/templates/admin/invoice/show/content/sections/card/body/table/header/currency.html.twig b/templates/admin/invoice/show/content/sections/card/body/table/header/currency.html.twig
index bb8d9b9d..aa11a93e 100644
--- a/templates/admin/invoice/show/content/sections/card/body/table/header/currency.html.twig
+++ b/templates/admin/invoice/show/content/sections/card/body/table/header/currency.html.twig
@@ -1 +1 @@
-<th class="sylius-table-column-total" scope="col">{{ 'sylius.ui.currency'|trans }}</th>
+<th class="sylius-table-column-total text-center text-wrap" scope="col">{{ 'sylius.ui.currency'|trans }}</th>
diff --git a/templates/admin/invoice/show/content/sections/card/body/table/header/discounted_unit_net_price.html.twig b/templates/admin/invoice/show/content/sections/card/body/table/header/discounted_unit_net_price.html.twig
index bd01e80d..cc179530 100644
--- a/templates/admin/invoice/show/content/sections/card/body/table/header/discounted_unit_net_price.html.twig
+++ b/templates/admin/invoice/show/content/sections/card/body/table/header/discounted_unit_net_price.html.twig
@@ -1 +1 @@
-<th class="sylius-table-column-discounted-unit-net-price" scope="col">{{ 'sylius_invoicing.ui.discounted_unit_net_price'|trans }}</th>
+<th class="sylius-table-column-discounted-unit-net-price text-end text-wrap" scope="col">{{ 'sylius_invoicing.ui.discounted_unit_net_price'|trans }}</th>
diff --git a/templates/admin/invoice/show/content/sections/card/body/table/header/gross_value.html.twig b/templates/admin/invoice/show/content/sections/card/body/table/header/gross_value.html.twig
index cd89f650..a5e7e76c 100644
--- a/templates/admin/invoice/show/content/sections/card/body/table/header/gross_value.html.twig
+++ b/templates/admin/invoice/show/content/sections/card/body/table/header/gross_value.html.twig
@@ -1 +1 @@
-<th class="sylius-table-column-total" scope="col">{{ 'sylius_invoicing.ui.gross_value'|trans }}</th>
+<th class="sylius-table-column-total text-end text-wrap" scope="col">{{ 'sylius_invoicing.ui.gross_value'|trans }}</th>
diff --git a/templates/admin/invoice/show/content/sections/card/body/table/header/name.html.twig b/templates/admin/invoice/show/content/sections/card/body/table/header/name.html.twig
index ec340a10..551408d7 100644
--- a/templates/admin/invoice/show/content/sections/card/body/table/header/name.html.twig
+++ b/templates/admin/invoice/show/content/sections/card/body/table/header/name.html.twig
@@ -1 +1 @@
-<th class="sylius-table-column-name" scope="col">{{ 'sylius.ui.name'|trans }}</th>
+<th class="sylius-table-column-name text-wrap" scope="col">{{ 'sylius.ui.name'|trans }}</th>
diff --git a/templates/admin/invoice/show/content/sections/card/body/table/header/net_value.html.twig b/templates/admin/invoice/show/content/sections/card/body/table/header/net_value.html.twig
index 700a84ea..c68357cf 100644
--- a/templates/admin/invoice/show/content/sections/card/body/table/header/net_value.html.twig
+++ b/templates/admin/invoice/show/content/sections/card/body/table/header/net_value.html.twig
@@ -1 +1 @@
-<th class="sylius-table-column-subtotal" scope="col">{{ 'sylius_invoicing.ui.net_value'|trans }}</th>
+<th class="sylius-table-column-subtotal text-end text-wrap" scope="col">{{ 'sylius_invoicing.ui.net_value'|trans }}</th>
diff --git a/templates/admin/invoice/show/content/sections/card/body/table/header/no.html.twig b/templates/admin/invoice/show/content/sections/card/body/table/header/no.html.twig
index d5232429..22dc0fef 100644
--- a/templates/admin/invoice/show/content/sections/card/body/table/header/no.html.twig
+++ b/templates/admin/invoice/show/content/sections/card/body/table/header/no.html.twig
@@ -1 +1 @@
-<th class="sylius-table-column-number" scope="col">{{ 'sylius_invoicing.ui.no'|trans }}</th>
+<th class="sylius-table-column-number text-center text-wrap" scope="col">{{ 'sylius_invoicing.ui.no'|trans }}</th>
diff --git a/templates/admin/invoice/show/content/sections/card/body/table/header/quantity.html.twig b/templates/admin/invoice/show/content/sections/card/body/table/header/quantity.html.twig
index 2174fe59..c5d8f4d3 100644
--- a/templates/admin/invoice/show/content/sections/card/body/table/header/quantity.html.twig
+++ b/templates/admin/invoice/show/content/sections/card/body/table/header/quantity.html.twig
@@ -1 +1 @@
-<th class="sylius-table-column-quantity" scope="col">{{ 'sylius.ui.quantity'|trans }}</th>
+<th class="sylius-table-column-quantity text-end text-wrap" scope="col">{{ 'sylius.ui.quantity'|trans }}</th>
diff --git a/templates/admin/invoice/show/content/sections/card/body/table/header/tax_amount.html.twig b/templates/admin/invoice/show/content/sections/card/body/table/header/tax_amount.html.twig
index 6ea556b8..f22af3a9 100644
--- a/templates/admin/invoice/show/content/sections/card/body/table/header/tax_amount.html.twig
+++ b/templates/admin/invoice/show/content/sections/card/body/table/header/tax_amount.html.twig
@@ -1 +1 @@
-<th class="sylius-table-column-tax_total" scope="col">{{ 'sylius_invoicing.ui.tax_amount'|trans }}</th>
+<th class="sylius-table-column-tax_total text-end text-wrap" scope="col">{{ 'sylius_invoicing.ui.tax_amount'|trans }}</th>
diff --git a/templates/admin/invoice/show/content/sections/card/body/table/header/tax_rate.html.twig b/templates/admin/invoice/show/content/sections/card/body/table/header/tax_rate.html.twig
index 6e7a4a62..6363fecd 100644
--- a/templates/admin/invoice/show/content/sections/card/body/table/header/tax_rate.html.twig
+++ b/templates/admin/invoice/show/content/sections/card/body/table/header/tax_rate.html.twig
@@ -1 +1 @@
-<th class="sylius-table-column-tax-rate" scope="col">{{ 'sylius_invoicing.ui.tax_rate'|trans }}</th>
+<th class="sylius-table-column-tax-rate text-end text-wrap" scope="col">{{ 'sylius_invoicing.ui.tax_rate'|trans }}</th>
diff --git a/templates/admin/invoice/show/content/sections/card/body/table/header/unit_net_price.html.twig b/templates/admin/invoice/show/content/sections/card/body/table/header/unit_net_price.html.twig
index 308c1721..0b26013a 100644
--- a/templates/admin/invoice/show/content/sections/card/body/table/header/unit_net_price.html.twig
+++ b/templates/admin/invoice/show/content/sections/card/body/table/header/unit_net_price.html.twig
@@ -1 +1 @@
-<th class="sylius-table-column-unit-net-price" scope="col">{{ 'sylius_invoicing.ui.unit_net_price'|trans }}</th>
+<th class="sylius-table-column-unit-net-price text-end text-wrap" scope="col">{{ 'sylius_invoicing.ui.unit_net_price'|trans }}</th>
diff --git a/templates/admin/invoice/show/content/sections/card/footer.html.twig b/templates/admin/invoice/show/content/sections/card/footer.html.twig
index 2649cfbc..10db1c83 100644
--- a/templates/admin/invoice/show/content/sections/card/footer.html.twig
+++ b/templates/admin/invoice/show/content/sections/card/footer.html.twig
@@ -1,3 +1,5 @@
+{% deprecated 'The "footer.html.twig" template is deprecated. Content has been moved to details section.' %}
+
 <div class="card-footer text-end">
     <div class="d-inline-block" {{ sylius_test_html_attribute('invoice-is-paid') }}>
         <strong>{{ 'sylius_invoicing.ui.payment.paid'|trans }}: </strong>
diff --git a/templates/admin/invoice/show/content/sections/details.html.twig b/templates/admin/invoice/show/content/sections/details.html.twig
new file mode 100644
index 00000000..b6d55e99
--- /dev/null
+++ b/templates/admin/invoice/show/content/sections/details.html.twig
@@ -0,0 +1,14 @@
+<div class="col-12 col-md-4 mb-3">
+    <div class="card h-full">
+        <div class="card-header">
+            <div class="card-title">
+                {{ 'sylius.ui.details'|trans }}
+            </div>
+        </div>
+        <div class="card-body">
+            <table class="table table-sm table-borderless">
+                {% hook 'details' %}
+            </table>
+        </div>
+    </div>
+</div>
diff --git a/templates/admin/invoice/show/content/sections/details/channel.html.twig b/templates/admin/invoice/show/content/sections/details/channel.html.twig
new file mode 100644
index 00000000..a913de26
--- /dev/null
+++ b/templates/admin/invoice/show/content/sections/details/channel.html.twig
@@ -0,0 +1,3 @@
+<tr>
+    {% hook 'channel' %}
+</tr>
diff --git a/templates/admin/invoice/show/content/sections/details/channel/label.html.twig b/templates/admin/invoice/show/content/sections/details/channel/label.html.twig
new file mode 100644
index 00000000..fb2d1223
--- /dev/null
+++ b/templates/admin/invoice/show/content/sections/details/channel/label.html.twig
@@ -0,0 +1 @@
+<td><strong>{{ 'sylius_invoicing.ui.issued_from'|trans }}:</strong></td>
diff --git a/templates/admin/invoice/show/content/sections/details/channel/value.html.twig b/templates/admin/invoice/show/content/sections/details/channel/value.html.twig
new file mode 100644
index 00000000..ac5ce0be
--- /dev/null
+++ b/templates/admin/invoice/show/content/sections/details/channel/value.html.twig
@@ -0,0 +1,5 @@
+{% set invoice = hookable_metadata.context.resource %}
+
+<td {{ sylius_test_html_attribute('channel') }}>
+    {% include '@SyliusAdmin/shared/grid/field/channel.html.twig' with {'data': invoice.channel} %}
+</td>
diff --git a/templates/admin/invoice/show/content/sections/details/date.html.twig b/templates/admin/invoice/show/content/sections/details/date.html.twig
new file mode 100644
index 00000000..f5d57896
--- /dev/null
+++ b/templates/admin/invoice/show/content/sections/details/date.html.twig
@@ -0,0 +1,3 @@
+<tr>
+    {% hook 'date' %}
+</tr>
diff --git a/templates/admin/invoice/show/content/sections/details/date/label.html.twig b/templates/admin/invoice/show/content/sections/details/date/label.html.twig
new file mode 100644
index 00000000..543daf0d
--- /dev/null
+++ b/templates/admin/invoice/show/content/sections/details/date/label.html.twig
@@ -0,0 +1 @@
+<td><strong>{{ 'sylius_invoicing.ui.issued_at'|trans }}:</strong></td>
diff --git a/templates/admin/invoice/show/content/sections/details/date/value.html.twig b/templates/admin/invoice/show/content/sections/details/date/value.html.twig
new file mode 100644
index 00000000..44158921
--- /dev/null
+++ b/templates/admin/invoice/show/content/sections/details/date/value.html.twig
@@ -0,0 +1,3 @@
+{% set invoice = hookable_metadata.context.resource %}
+
+<td><span {{ sylius_test_html_attribute('issued-at') }}>{{ invoice.issuedAt|format_datetime }}</span></td>
diff --git a/templates/admin/invoice/show/content/sections/details/order.html.twig b/templates/admin/invoice/show/content/sections/details/order.html.twig
new file mode 100644
index 00000000..ad296b1c
--- /dev/null
+++ b/templates/admin/invoice/show/content/sections/details/order.html.twig
@@ -0,0 +1,3 @@
+<tr>
+    {% hook 'order' %}
+</tr>
diff --git a/templates/admin/invoice/show/content/sections/details/order/label.html.twig b/templates/admin/invoice/show/content/sections/details/order/label.html.twig
new file mode 100644
index 00000000..c5bd8545
--- /dev/null
+++ b/templates/admin/invoice/show/content/sections/details/order/label.html.twig
@@ -0,0 +1 @@
+<td><strong>{{ 'sylius_invoicing.ui.issued_for_order'|trans }}:</strong></td>
diff --git a/templates/admin/invoice/show/content/sections/details/order/value.html.twig b/templates/admin/invoice/show/content/sections/details/order/value.html.twig
new file mode 100644
index 00000000..81e6ec3d
--- /dev/null
+++ b/templates/admin/invoice/show/content/sections/details/order/value.html.twig
@@ -0,0 +1,3 @@
+{% set invoice = hookable_metadata.context.resource %}
+
+<td>#{{ invoice.order.number }}</td>
diff --git a/templates/admin/invoice/show/content/sections/details/paid.html.twig b/templates/admin/invoice/show/content/sections/details/paid.html.twig
new file mode 100644
index 00000000..a9ba7e65
--- /dev/null
+++ b/templates/admin/invoice/show/content/sections/details/paid.html.twig
@@ -0,0 +1,3 @@
+<tr {{ sylius_test_html_attribute('invoice-is-paid') }}>
+    {% hook 'paid' %}
+</tr>
diff --git a/templates/admin/invoice/show/content/sections/details/paid/label.html.twig b/templates/admin/invoice/show/content/sections/details/paid/label.html.twig
new file mode 100644
index 00000000..7f9b12ee
--- /dev/null
+++ b/templates/admin/invoice/show/content/sections/details/paid/label.html.twig
@@ -0,0 +1 @@
+<td><strong>{{ 'sylius_invoicing.ui.payment.paid'|trans }}: </strong></td>
diff --git a/templates/admin/invoice/show/content/sections/details/paid/value.html.twig b/templates/admin/invoice/show/content/sections/details/paid/value.html.twig
new file mode 100644
index 00000000..477d6a57
--- /dev/null
+++ b/templates/admin/invoice/show/content/sections/details/paid/value.html.twig
@@ -0,0 +1,10 @@
+{% set invoice = hookable_metadata.context.resource %}
+{% set payment_state_completed = constant('Sylius\\InvoicingPlugin\\Entity\\InvoiceInterface::PAYMENT_STATE_COMPLETED') %}
+
+<td>
+    {% if invoice.paymentState == payment_state_completed %}
+        <span class="text-success">{{ 'sylius_invoicing.ui.payment.yes'|trans }}</span>
+    {% else %}
+        <span class="text-danger">{{ 'sylius_invoicing.ui.payment.no'|trans }}</span>
+    {% endif %}
+</td>
diff --git a/templates/admin/invoice/show/content/sections/seller.html.twig b/templates/admin/invoice/show/content/sections/seller.html.twig
index cb8ff63b..65e0ea4a 100644
--- a/templates/admin/invoice/show/content/sections/seller.html.twig
+++ b/templates/admin/invoice/show/content/sections/seller.html.twig
@@ -1,8 +1,8 @@
 {% set shop_billing_data = hookable_metadata.context.resource.shopBillingData %}
 
 {% if shop_billing_data %}
-    <div class="col">
-        <div class="card mb-3">
+    <div class="col-12 col-md-4 mb-3">
+        <div class="card h-full">
             <div class="card-header">
                 <div class="card-title">
                     {{ 'sylius_invoicing.ui.seller'|trans }}
diff --git a/templates/admin/invoice/show/content/sections/seller/company.html.twig b/templates/admin/invoice/show/content/sections/seller/company.html.twig
index b0da0fbd..1d0264eb 100644
--- a/templates/admin/invoice/show/content/sections/seller/company.html.twig
+++ b/templates/admin/invoice/show/content/sections/seller/company.html.twig
@@ -1,3 +1,7 @@
 {% set shop_billing_data = hookable_metadata.context.resource.shopBillingData %}
 
-{% if shop_billing_data.company %}<strong>{{ shop_billing_data.company }}</strong>{% endif %}
+{% if shop_billing_data.company %}
+    <div>
+        <strong>{{ shop_billing_data.company }}</strong>
+    </div>
+{% endif %}
diff --git a/templates/admin/order/show/content/sections/invoices/table.html.twig b/templates/admin/order/show/content/sections/invoices/table.html.twig
index cb31eea6..8f06779f 100644
--- a/templates/admin/order/show/content/sections/invoices/table.html.twig
+++ b/templates/admin/order/show/content/sections/invoices/table.html.twig
@@ -4,7 +4,9 @@
             {{ 'sylius_invoicing.ui.invoices'|trans }}
         </div>
     </div>
-    <table class="table table-borderless align-middle mb-0">
-        {% hook 'table' %}
-    </table>
+    <div class="table-responsive">
+        <table class="table table-hover table-vcenter card-table">
+            {% hook 'table' %}
+        </table>
+    </div>
 </div>
diff --git a/templates/admin/order/show/content/sections/invoices/table/body/actions.html.twig b/templates/admin/order/show/content/sections/invoices/table/body/actions.html.twig
index 82679abd..bd819d83 100644
--- a/templates/admin/order/show/content/sections/invoices/table/body/actions.html.twig
+++ b/templates/admin/order/show/content/sections/invoices/table/body/actions.html.twig
@@ -1,3 +1,5 @@
 <td>
-    {% hook 'actions' %}
+    <div class="d-flex gap-1 justify-content-end">
+        {% hook 'actions' %}
+    </div>
 </td>
diff --git a/templates/admin/order/show/content/sections/invoices/table/body/issued_at.html.twig b/templates/admin/order/show/content/sections/invoices/table/body/issued_at.html.twig
index ff38fe43..0f0288a0 100644
--- a/templates/admin/order/show/content/sections/invoices/table/body/issued_at.html.twig
+++ b/templates/admin/order/show/content/sections/invoices/table/body/issued_at.html.twig
@@ -1,3 +1,3 @@
-<td {{ sylius_test_html_attribute('issued-at') }}>
+<td class="text-end" {{ sylius_test_html_attribute('issued-at') }}>
     {{ hookable_metadata.context.invoice.issuedAt|format_date }}
 </td>
diff --git a/templates/admin/order/show/content/sections/invoices/table/head/actions.html.twig b/templates/admin/order/show/content/sections/invoices/table/head/actions.html.twig
index 204784dd..fd3c2310 100644
--- a/templates/admin/order/show/content/sections/invoices/table/head/actions.html.twig
+++ b/templates/admin/order/show/content/sections/invoices/table/head/actions.html.twig
@@ -1 +1 @@
-<th>{{ 'sylius.ui.actions'|trans }}</th>
+<th class="text-end">{{ 'sylius.ui.actions'|trans }}</th>
diff --git a/templates/admin/order/show/content/sections/invoices/table/head/issued_at.html.twig b/templates/admin/order/show/content/sections/invoices/table/head/issued_at.html.twig
index 1d7b6540..720a8b27 100644
--- a/templates/admin/order/show/content/sections/invoices/table/head/issued_at.html.twig
+++ b/templates/admin/order/show/content/sections/invoices/table/head/issued_at.html.twig
@@ -1 +1 @@
-<th>{{ 'sylius_invoicing.ui.issued_at'|trans }}</th>
+<th class="text-end">{{ 'sylius_invoicing.ui.issued_at'|trans }}</th>
diff --git a/tests/Application/.env.test b/tests/Application/.env.test
index b9218cf8..ea63a0a6 100644
--- a/tests/Application/.env.test
+++ b/tests/Application/.env.test
@@ -14,3 +14,8 @@ SYLIUS_MESSENGER_TRANSPORT_MAIN_FAILED_DSN=sync://
 SYLIUS_MESSENGER_TRANSPORT_CATALOG_PROMOTION_REMOVAL_DSN=sync://
 SYLIUS_MESSENGER_TRANSPORT_CATALOG_PROMOTION_REMOVAL_FAILED_DSN=sync://
 ###< symfony/messenger ###
+
+###> lexik/jwt-authentication-bundle ###
+JWT_SECRET_KEY=%kernel.project_dir%/config/jwt/private-test.pem
+JWT_PUBLIC_KEY=%kernel.project_dir%/config/jwt/public-test.pem
+###< lexik/jwt-authentication-bundle ###
diff --git a/tests/Behat/Page/Admin/Invoice/ShowPage.php b/tests/Behat/Page/Admin/Invoice/ShowPage.php
index 92d176e7..5a36f5d2 100644
--- a/tests/Behat/Page/Admin/Invoice/ShowPage.php
+++ b/tests/Behat/Page/Admin/Invoice/ShowPage.php
@@ -145,7 +145,7 @@ public function getChannel(): string
 
     public function download(): void
     {
-        $this->getDocument()->clickLink('Download');
+        $this->getElement('download_button')->click();
     }
 
     public function resend(): void
@@ -165,7 +165,7 @@ public function isPaid(): bool
 
     public function hasDownloadButton(): bool
     {
-        return $this->getDocument()->hasLink('Download');
+        return $this->hasElement('download_button');
     }
 
     protected function getDefinedElements(): array
@@ -174,6 +174,7 @@ protected function getDefinedElements(): array
             'back' => '[data-test-back]',
             'billing_address' => '[data-test-billing-data]',
             'channel' => '[data-test-channel]',
+            'download_button' => '[data-test-download-button]',
             'invoice_net_total' => '[data-test-invoice-net-total]',
             'invoice_net_total_currency_code' => '[data-test-invoice-net-total-currency-code]',
             'invoice_taxes_total' => '[data-test-invoice-taxes-total]',
@@ -183,7 +184,7 @@ protected function getDefinedElements(): array
             'issued_at' => '[data-test-issued-at]',
             'paid' => '[data-test-invoice-is-paid]',
             'shop_billing_data' => '[data-test-shop-billing-data]',
-            'table' => '.table',
+            'table' => '[data-test-invoice-items]',
         ]);
     }