diff --git a/front/src/lib/styles/base/reset.css b/front/src/lib/styles/base/reset.css
index 685d78784..501c6d8da 100644
--- a/front/src/lib/styles/base/reset.css
+++ b/front/src/lib/styles/base/reset.css
@@ -15,6 +15,7 @@ Use a better box model (opinionated).
 ::before,
 ::after {
   box-sizing: border-box;
+  min-width: 0;
 }
 
 /**
@@ -474,6 +475,11 @@ h5,
 h6 {
   font-weight: inherit;
   font-size: inherit;
+  text-wrap: balance;
+}
+
+p {
+  text-wrap: pretty;
 }
 
 /**
diff --git a/front/src/lib/styles/components/animated-image.css b/front/src/lib/styles/components/animated-image.css
index 3ce1fe726..08d58f8df 100644
--- a/front/src/lib/styles/components/animated-image.css
+++ b/front/src/lib/styles/components/animated-image.css
@@ -57,7 +57,10 @@
       }
     }
     &:active {
-      top: 0.85rem;
+      .play-icon,
+      .pause-icon {
+        transform: translateY(0.033rem);
+      }
     }
     .play-icon,
     .pause-icon {
@@ -108,6 +111,12 @@
         opacity: 0.5;
       }
     }
+    &:active {
+      .play-icon,
+      .pause-icon {
+        transform: translateY(0.033rem);
+      }
+    }
     .play-icon {
       display: none;
     }
diff --git a/front/src/lib/styles/pages/post.css b/front/src/lib/styles/pages/post.css
index ec5d3f287..0cbf06b72 100644
--- a/front/src/lib/styles/pages/post.css
+++ b/front/src/lib/styles/pages/post.css
@@ -168,7 +168,7 @@
     font-size: 3rem;
     line-height: 0.8;
     font-family: var(--font-lbb);
-    @media screen and (min-width: 768px) {
+    @media screen and (min-width: 640px) {
       padding-top: 0.55rem;
       font-size: 3.5rem;
     }
@@ -522,7 +522,7 @@
     position: relative;
     float: right;
     z-index: 9;
-    margin-left: 3rem;
+    margin-left: 1.5rem;
     padding-bottom: 3rem;
     width: 25%;
     .page-navigation {
@@ -544,6 +544,10 @@
       padding: 0.175rem 0.25rem;
     }
     blockquote {
+      display: flex;
+      flex-direction: column;
+      width: auto;
+      max-width: 83%;
       & + h1,
       & + h2,
       & + h3,