Fix blog roll text reflow on hover

server/src/client/assets/css/blog.css

@@ -8,6 +8,7 @@ h1 {
 
 .blog-roll-entry {
     margin-block: 1rem;
+    overflow: visible;
 
     a {
         border: var(--border);
@@ -21,10 +22,13 @@ h1 {
 
         .entry-content {
             padding: var(--content-padding);
-            transition: padding-inline-start 0.3s ease, box-shadow 0.3s ease;
+            transition: padding 0.3s ease, box-shadow 0.3s ease;
+            overflow: hidden;
+
 
             * {
                 margin-block: 0;
+                overflow: hidden;
             }
         }
 
@@ -32,6 +36,7 @@ h1 {
         &:focus-visible {
             .entry-content {
                 padding-inline-start: calc(var(--content-padding) * 2);
+                padding-inline-end: 0;
                 box-shadow: inset 3px 0px 0px var(--color-text);
             }
         }