diff --git a/css/components/blog.css b/css/components/blog.css
index 6e27573..fa454d5 100644
--- a/css/components/blog.css
+++ b/css/components/blog.css
@@ -1,10 +1,10 @@
 .blog-intro {
   font-size: var(--text-lg);
   color: var(--color-light-text-secondary);
-  margin-bottom: var(--space-xl);
 }
 
 .post-list {
+  margin-top: var(--space-3xl);
   padding: 0;
   display: grid;
   gap: var(--space-xl);
diff --git a/css/components/releases.css b/css/components/releases.css
index 505ad8b..3eeb54c 100644
--- a/css/components/releases.css
+++ b/css/components/releases.css
@@ -1,7 +1,6 @@
 .releases-intro {
   font-size: var(--text-lg);
   color: var(--color-light-text-secondary);
-  margin-bottom: var(--space-xl);
 }
 
 .dark .releases-intro {
diff --git a/css/theme.css b/css/theme.css
index a8e2a00..adf5c7e 100644
--- a/css/theme.css
+++ b/css/theme.css
@@ -27,12 +27,12 @@
   --color-dark-border: #3a3a3a;
   --color-dark-border-subtle: #2a2a2a;
   --color-dark-header-footer-border: #151a24;
-  --color-dark-header-bg: #151a24;
+  --color-dark-header-bg: #151a24cc;
   
   /* Card & Surface Colors */
   --color-light-surface: #ffffff;
   --color-light-surface-hover: #f8fafc;
-  --color-dark-surface: #2a313c;
+  --color-dark-surface: #2a313cfa;
   --color-dark-surface-hover: #262c36;
   
   /* Code */
diff --git a/templates/releases.html b/templates/releases.html
index 84800ed..6b6120f 100644
--- a/templates/releases.html
+++ b/templates/releases.html
@@ -12,7 +12,7 @@ <h1>Releases</h1>
 <p class="releases-intro">Complete list of Phel releases, automatically generated from the <a href="https://github.com/phel-lang/phel-lang/releases">Phel GitHub releases</a>.</p>
 {% endif %}
 
-<div class="release-list post-list">
+<div class="post-list">
 {% for page in paginator.pages %}
     <div class="post-list__item">
         <a class="post-card" href="{{ page.permalink | safe }}">