diff --git a/docs/src/layouts/App/prism.scss b/docs/src/layouts/App/prism.scss
index 6b8544a3..5f87bc69 100644
--- a/docs/src/layouts/App/prism.scss
+++ b/docs/src/layouts/App/prism.scss
@@ -34,7 +34,7 @@ pre[class*="language-"] {
 }
 
 pre > code[class*="language-"] {
-  display: inline-block; // TODO: breaks on mobile safari
+  display: block;
   min-width: 100%;
   background: none;
 }
@@ -206,7 +206,11 @@ pre[class*="language-"].language-scss > code {
 }
 
 .line-highlight {
-  background: rgba($colorWhite, 0.1) !important;
+  background: linear-gradient(
+    to right,
+    rgba($colorWhite, 0.1),
+    rgba($colorWhite, 0),
+  ) !important;
   left: -1.5rem !important;
   right: -1.5rem !important;
   margin: 0 !important;