diff --git a/layouts/partials/sidebar-items/recommendations.html b/layouts/partials/sidebar-items/recommendations.html
new file mode 100644
index 0000000..783e1c7
--- /dev/null
+++ b/layouts/partials/sidebar-items/recommendations.html
@@ -0,0 +1,16 @@
+<div class="sidebar-item">
+    <header>
+        <h1>Recommendations</h1>
+    </header>
+    <ul class="blogroll">
+        {{ range .Site.Data.blogrolls.recommendations }}
+            <li><a href="{{ .url }}">{{ .name }}: <span>{{ (urls.Parse .url).Hostname }}</span></a></li>
+        {{ else }}
+            <p>No recommendations yet.</p>
+        {{ end }}
+    </ul>
+    <div class="blogroll-footer-links">
+        <a href="{{ .Site.BaseURL }}/.well-known/recommendations.opml">OPML</a>
+        <a href="{{ .Site.BaseURL }}/.well-known/recommendations.json">JSON</a>
+    </div>
+</div>
\ No newline at end of file
diff --git a/layouts/partials/sidebar.html b/layouts/partials/sidebar.html
index c7c9019..d8a6e17 100644
--- a/layouts/partials/sidebar.html
+++ b/layouts/partials/sidebar.html
@@ -1,18 +1,12 @@
 <div class="sidebar">
-    <div class="sidebar-cell">
+    {{ partial "sidebar-items/recommendations.html" . }}
+    
+    <div class="sidebar-item">
         <header>
-            <h1>Recommendations</h1>
+            <h1>About</h1>
         </header>
-        <ul class="blogroll">
-            {{ range .Site.Data.blogrolls.recommendations }}
-                <li><a href="{{ .url }}">{{ .name }}: <span>{{ (urls.Parse .url).Hostname }}</span></a></li>
-            {{ else }}
-                <p>No recommendations yet.</p>
-            {{ end }}
-        </ul>
-        <div class="blogroll-footer-links">
-            <a href="{{ .Site.BaseURL }}/.well-known/recommendations.opml">OPML</a>
-            <a href="{{ .Site.BaseURL }}/.well-known/recommendations.json">JSON</a>
+        <div>
+            <p>This is some more stuff that goes here.</p>
         </div>
     </div>
 </div>
\ No newline at end of file