diff --git a/layouts/partials/aside.html b/layouts/partials/aside.html
index 1d65dea..e374141 100644
--- a/layouts/partials/aside.html
+++ b/layouts/partials/aside.html
@@ -54,4 +54,7 @@
 <hr>
 <h3>status.lol</h3>
 <script src="https://status.lol/jbowdre.js?time&link&fluent&pretty"></script>
+<hr>
+<h3>recent track</h3>
+<script src="https://recentfm.rknight.me/now.js?u=pushpianotire&e=🎶"></script>
 
diff --git a/static/css/custom.css b/static/css/custom.css
index 9e1c13f..957eb3d 100644
--- a/static/css/custom.css
+++ b/static/css/custom.css
@@ -238,6 +238,18 @@ small[style^="opacity: .5"] {
   opacity: 1 !important;
 }
 
+/* recentfm styling */
+.recent-played {
+  background: var(--off-bg) !important;
+  flex-direction:column;
+  border-radius: 0.5em;
+  padding: 0.5em;
+}
+
+.recent-played-track {
+  margin: 0.5em 0;
+}
+
 /* code overrides */
 pre,
 code,