diff --git a/src/app/components/pin-detail/pin-detail.component.css b/src/app/components/pin-detail/pin-detail.component.css
index e9e4a02..ae43536 100644
--- a/src/app/components/pin-detail/pin-detail.component.css
+++ b/src/app/components/pin-detail/pin-detail.component.css
@@ -1,3 +1,7 @@
+#pin-detail-container {
+  background-color: #f9fafb;
+}
+
 .pin-detail {
   display: flex;
   align-items: center;
@@ -57,3 +61,13 @@
   align-items: center;
   justify-content: center;
 }
+
+@media (max-height: 740px) {
+  .card-pin-detail {
+    height: auto;
+    max-height: 100%;
+  }
+  .carousel-flex {
+    min-height: 200px;
+  }
+}
diff --git a/src/app/components/pin-detail/pin-detail.component.html b/src/app/components/pin-detail/pin-detail.component.html
index b0cbe7d..75b283e 100644
--- a/src/app/components/pin-detail/pin-detail.component.html
+++ b/src/app/components/pin-detail/pin-detail.component.html
@@ -1,5 +1,5 @@
 <!-- Conteneur principal -->
-<div class="min-h-[92vh] bg-gray-100 px-4 py-12 overflow-y-auto">
+<div class="min-h-[90vh] px-4 py-4 overflow-y-auto" id="pin-detail-container">
   <!-- .pin-detail agit comme conteneur vertical -->
   <div class="pin-detail">
     <div class="card-pin-detail" *ngIf="pin">