diff --git a/guidelines/guidelines.css b/guidelines/guidelines.css
index 889a6ab499..1e9d5b209a 100644
--- a/guidelines/guidelines.css
+++ b/guidelines/guidelines.css
@@ -35,16 +35,17 @@ dd.new, dd.proposed, dd.changed {
 }
 .doclinks {
 	float: right;
-	border: thin solid black;
-	font-size: x-small;
+	border: thin solid #aaa;
+    background: #ecf2f7;
+	font-size: small;
 	display: block;
 	width: 25%;
 	hyphens: none;
-  padding: 1em;
-  display: flex;
-  flex-direction: column;
-  gap: .5em;
-  margin-left: 2em;
+    padding: 1em;
+    display: flex;
+    flex-direction: column;
+    gap: 1em;
+    margin: -0.5em 0 1em 2em;
 }
 .sc dt {
 	display: list-item;
diff --git a/script/wcag.js b/script/wcag.js
index 8193d6ae71..f20892d379 100644
--- a/script/wcag.js
+++ b/script/wcag.js
@@ -26,7 +26,8 @@ function linkUnderstanding() {
 		if (node.id == "parsing") pathFrag = "parsing"; // special case parsing
 		var el = document.createElement("div");
 		el.setAttribute("class", "doclinks");
-		el.innerHTML = "<a href=\"" + understandingBaseURI + pathFrag + ".html\">Understanding " + heading + "</a> <span class=\"screenreader\">|</span> <br /><a href=\"https://www.w3.org/WAI/WCAG" + version + "/quickref/#" + pathFrag + "\">How to Meet " + heading + "</a>";
+		el.innerHTML = "<a href=\"" + understandingBaseURI + pathFrag + ".html\">Understanding " + heading +
+			"</a> <span class=\"screenreader\">|</span> <a href=\"https://www.w3.org/WAI/WCAG" + version + "/quickref/#" + pathFrag + "\">How to Meet " + heading + "</a>";
 		if (node.className = "sc") node.insertBefore(el, node.children[2]);
 		if (node.className = "guideline") node.insertBefore(el, node.children[1]);
 	})