diff --git a/layouts/_default/_markup/render-link.html b/layouts/_default/_markup/render-link.html
index 0288029da..f37614f07 100644
--- a/layouts/_default/_markup/render-link.html
+++ b/layouts/_default/_markup/render-link.html
@@ -1,4 +1,5 @@
 {{$trimmed := strings.TrimSuffix ".md" (.Destination | safeURL)}}
+{{$trimmed = replace $trimmed "%20" "-"}}
 {{$external := strings.HasPrefix $trimmed "http" }}
 {{ if $external }}
 <a href="{{ $trimmed }}" rel="noopener">{{ .Text | safeHTML }}</a>
diff --git a/layouts/_default/single.html b/layouts/_default/single.html
index c30cd4fef..9f6443d1a 100644
--- a/layouts/_default/single.html
+++ b/layouts/_default/single.html
@@ -19,7 +19,7 @@ <h3>Table of Contents</h3>
             {{ .TableOfContents }}
         </aside>
         {{end}}
-        {{- .Content -}}
+        {{.Content}}
     </article>
     {{partial "footer.html" .}}
 </div>
diff --git a/layouts/index.html b/layouts/index.html
index c30cd4fef..ce667445f 100644
--- a/layouts/index.html
+++ b/layouts/index.html
@@ -24,5 +24,5 @@ <h3>Table of Contents</h3>
     {{partial "footer.html" .}}
 </div>
 </body>
-
 </html>
+
diff --git a/layouts/partials/backlinks.html b/layouts/partials/backlinks.html
index 2e978202b..744f7e369 100644
--- a/layouts/partials/backlinks.html
+++ b/layouts/partials/backlinks.html
@@ -6,9 +6,12 @@ <h3>Backlinks</h3>
     {{$inbound := index $.Site.Data.linkIndex.index.backlinks $curPage}}
     {{if $inbound}}
     {{- range $inbound -}}
-    <li>
-        <a href="{{index . "source"}}">{{index . "source"}}</a>
-    </li>
+        {{$src := index . "source"}}
+        {{$src = replace $src " " "-"}}
+
+        <li>
+            <a href="{{$src}}">{{index . "source"}}</a>
+        </li>
     {{- end -}}
     {{else}}
     <li>
diff --git a/layouts/partials/graph.html b/layouts/partials/graph.html
index 0e9684d6d..d529e8d8e 100644
--- a/layouts/partials/graph.html
+++ b/layouts/partials/graph.html
@@ -126,7 +126,7 @@ <h3>Interactive Graph</h3>
     .attr("fill", color)
     .style("cursor", "pointer")
     .on("click", (_, d) => {
-      window.location.href = {{.Site.BaseURL}} + d.id;
+      window.location.href = {{.Site.BaseURL}} + d.id.replace(" ", "-").replace("%20", "-");
     })
     .on("mouseover", function (_, d) {
       d3.selectAll(".node")
@@ -184,7 +184,7 @@ <h3>Interactive Graph</h3>
   const labels = graphNode.append("text")
     .attr("dx", 12)
     .attr("dy", ".35em")
-    .text((d) => d.id)
+    .text((d) => encodeURI(d.id))
     .style("opacity", 0)
     .style("pointer-events", "none")
     .call(drag(simulation));