diff --git a/assets/css/_core/_layout.scss b/assets/css/_core/_layout.scss
index 656a5559..ac175662 100644
--- a/assets/css/_core/_layout.scss
+++ b/assets/css/_core/_layout.scss
@@ -11,6 +11,10 @@
     aside {
       flex: 1;
       padding: 0.5rem;
+
+      &:not(:has(~ aside)) {
+        display: none;
+      }
     }
 
     &.container {
diff --git a/layouts/posts/single.html b/layouts/posts/single.html
index d3c3d1c0..3a24a7de 100644
--- a/layouts/posts/single.html
+++ b/layouts/posts/single.html
@@ -8,7 +8,7 @@
   {{- $toc := .Scratch.Get "toc" -}}
   {{- $tocEmpty := eq .TableOfContents `<nav id="TableOfContents"></nav>` -}}
 
-  <aside class="aside-collection" aria-label="{{ T "collections" }}">
+  <aside class="aside-collection animate__animated animate__fadeIn animate__faster" aria-label="{{ T "collections" }}">
     {{- /* Collection List */ -}}
     {{- partial "single/collection-list.html" . -}}
      {{- /* Custom part for aside */ -}}