diff --git a/tiddlywiki5/styles.css b/tiddlywiki5/styles.css
index 52e1ecc92..82f58973c 100644
--- a/tiddlywiki5/styles.css
+++ b/tiddlywiki5/styles.css
@@ -273,6 +273,14 @@ a.tw-slider-label::after {
   outline: 1px dotted #666;
 }
 
+.javascript-source {
+    border: 1px solid #444;
+    padding: 18px 18px 18px 18px;
+    -webkit-box-shadow: inset 1px 1px 2px 2px rgba(0, 0, 0, 0.2);
+    -moz-box-shadow: inset 1px 1px 2px 2px rgba(0, 0, 0, 0.2);
+    box-shadow: inset 1px 1px 2px 2px rgba(0, 0, 0, 0.2);
+}
+
 .javascript-source .javascript-boolean {
 }
 
@@ -306,11 +314,11 @@ a.tw-slider-label::after {
     border: 1px solid #feed77;
     background: #feed77;
     background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#dede80),color-stop(7%,#feed77),color-stop(92%,#feed77),color-stop(100%,#dede80));
-    background: -webkit-linear-gradient(72deg,rgba(255, 255, 255, 0.5) 8%,rgba(255, 255, 255, 0) 25%),-webkit-linear-gradient(top,#dede80 0,#feed77 7%,#feed77 92%,#dede80 100%);
-    background:    -moz-linear-gradient(72deg,rgba(255, 255, 255, 0.5) 8%,rgba(255, 255, 255, 0) 25%),   -moz-linear-gradient(top,#dede80 0,#feed77 7%,#feed77 92%,#dede80 100%);
-    background:      -o-linear-gradient(72deg,rgba(255, 255, 255, 0.5) 8%,rgba(255, 255, 255, 0) 25%),     -o-linear-gradient(top,#dede80 0,#feed77 7%,#feed77 92%,#dede80 100%);
-    background:     -ms-linear-gradient(72deg,rgba(255, 255, 255, 0.5) 8%,rgba(255, 255, 255, 0) 25%),    -ms-linear-gradient(top,#dede80 0,#feed77 7%,#feed77 92%,#dede80 100%);
-    background:         linear-gradient(72deg,rgba(255, 255, 255, 0.5) 8%,rgba(255, 255, 255, 0) 25%),        linear-gradient(top,#dede80 0,#feed77 7%,#feed77 92%,#dede80 100%);
+    background: -webkit-linear-gradient(72deg,rgba(255, 255, 255, 0.5) 8%,rgba(255, 255, 255, 0.1) 80%),-webkit-linear-gradient(top,#dede80 0,#feed77 7%,#feed77 92%,#dede80 100%);
+    background:    -moz-linear-gradient(72deg,rgba(255, 255, 255, 0.5) 8%,rgba(255, 255, 255, 0.1) 80%),   -moz-linear-gradient(top,#dede80 0,#feed77 7%,#feed77 92%,#dede80 100%);
+    background:      -o-linear-gradient(72deg,rgba(255, 255, 255, 0.5) 8%,rgba(255, 255, 255, 0.1) 80%),     -o-linear-gradient(top,#dede80 0,#feed77 7%,#feed77 92%,#dede80 100%);
+    background:     -ms-linear-gradient(72deg,rgba(255, 255, 255, 0.5) 8%,rgba(255, 255, 255, 0.1) 80%),    -ms-linear-gradient(top,#dede80 0,#feed77 7%,#feed77 92%,#dede80 100%);
+    background:         linear-gradient(72deg,rgba(255, 255, 255, 0.5) 8%,rgba(255, 255, 255, 0.1) 80%),        linear-gradient(top,#dede80 0,#feed77 7%,#feed77 92%,#dede80 100%);
     -webkit-box-shadow: 1px 1px 6px rgba(0,0,0,0.4);
        -moz-box-shadow: 1px 1px 6px rgba(0,0,0,0.4);
             box-shadow: 1px 1px 6px rgba(0,0,0,0.4);