Merge pull request #1224 from mfranzke/fix-docs-headlines-styling-bre…

…aks-in-edge-cases fix(docs): headlines styling breaks in edge cases #1158
pattern-lab · Jun 28, 2020 · d6e8356 · d6e8356
2 parents 53eef5f + d8244a2
commit d6e8356
Showing 1 changed file with 3 additions and 0 deletions.
diff --git a/packages/docs/src/scss/abstracts/_mixins.scss b/packages/docs/src/scss/abstracts/_mixins.scss
@@ -91,6 +91,9 @@
 		z-index: 0;
 		content: attr(data-text);
 
+		// Mitigating the positioning by 4px from the left to not have the words break incorrectly (see #GH-1158)
+		margin-right: -4px;
+
 		background-image: radial-gradient(
 			$color-brand-purple 0%,
 			$color-brand-purple 60%,