PLT-6297 - Pinned label overlapping on heading (#6324)

* PLT-6297 - Pinned label overlapping on heading

* PLT-6500 - Fixing mention badge styling

webapp/sass/layout/_post.scss

@@ -904,6 +904,24 @@
     }
 
     &.same--root {
+        &.post--pinned {
+            h1,
+            h2 {
+                &:first-child {
+                    margin-top: 15px;
+                }
+            }
+
+            h3,
+            h4,
+            h5,
+            h6 {
+                &:first-child {
+                    margin-top: 20px;
+                }
+            }
+        }
+
         &.same--user {
             padding: 0 .5em 0 1em;