From 34bb406ed44d485849962a9ebb72bcf75ccbd60d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Philipp=20Ku=CC=88hn?= <kontakt@philipp-kuehn.com>
Date: Wed, 12 Aug 2020 10:28:37 +0200
Subject: [PATCH] fix styling for scrollable code blocks

---
 docs/src/layouts/App/prism.scss | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/docs/src/layouts/App/prism.scss b/docs/src/layouts/App/prism.scss
index 4ed305b3..0b9f8220 100644
--- a/docs/src/layouts/App/prism.scss
+++ b/docs/src/layouts/App/prism.scss
@@ -11,6 +11,7 @@ $codePurple: #c792ea;
 
 code[class*="language-"],
 pre[class*="language-"] {
+  position: relative;
   text-align: left;
   white-space: pre;
   word-spacing: normal;
@@ -35,6 +36,8 @@ pre[class*="language-"] {
 }
 
 pre > code[class*="language-"] {
+  display: inline-block;
+  min-width: 100%;
   background: none;
 }
 
@@ -205,7 +208,9 @@ pre[class*="language-"].language-scss > code {
 
 .line-highlight {
   background: rgba($colorWhite, 0.1) !important;
-  padding: 0 0 0.3rem 0;
+  left: -1.5rem !important;
+  right: -1.5rem !important;
+  margin: 0 !important;
 
   &::before,
   &::after {