diff --git a/themes/gruvbox/layouts/_default/baseof.html b/themes/gruvbox/layouts/_default/baseof.html
index 1157690..f0ed10a 100644
--- a/themes/gruvbox/layouts/_default/baseof.html
+++ b/themes/gruvbox/layouts/_default/baseof.html
@@ -3,10 +3,10 @@
     <head>
         <meta charset="utf-8">
         <meta name="viewport" content="width=device-width, initial-scale=1">
-        <link rel="stylesheet" type="text/css" href="gruvbox.css">
-        <link rel="stylesheet" href="_pagefind/pagefind-ui.css">
-        <link rel="stylesheet" type="text/css" href="blog.css">
-        <script src="_pagefind/pagefind-ui.js" type="text/javascript"></script>
+        <link rel="stylesheet" type="text/css" href="{{ "gruvbox.css" | absURL }}">
+        <link rel="stylesheet" type="text/css" href="{{ "_pagefind/pagefind-ui.css" | absURL }}">
+        <link rel="stylesheet" type="text/css" href="{{ "blog.css" | absURL }}">
+        <script type="text/javascript" src="{{ "_pagefind/pagefind-ui.js" | absURL }}"></script>
         <script>
             window.addEventListener('DOMContentLoaded', (event) => { new PagefindUI({ element: "#search" }); });
         </script>
diff --git a/themes/gruvbox/layouts/_default/single.html b/themes/gruvbox/layouts/_default/single.html
index 296378b..e26d7e8 100644
--- a/themes/gruvbox/layouts/_default/single.html
+++ b/themes/gruvbox/layouts/_default/single.html
@@ -1,7 +1,6 @@
 {{ define "title" }}{{ .Title }}{{ end }}
 
 {{ define "main" }}
-    <div data-pagefind-body>
     <h1><a href="{{ .Permalink }}">{{ .Title }}</a></h1>
 
     <time>{{ .Date.Format "Mon, 02 Jan 2006 15:04 MST" }}</time>
@@ -9,6 +8,7 @@
     {{ partial "tags.html" . }}
     <hr>
 
+    <div data-pagefind-body>
     {{ .Content }}
     </div>
 
