diff --git a/web/src/components/Sidebar.tsx b/web/src/components/Sidebar.tsx
index 5c97354..85d5515 100644
--- a/web/src/components/Sidebar.tsx
+++ b/web/src/components/Sidebar.tsx
@@ -65,7 +65,7 @@ export function Sidebar({ onSelectFeed, selectedFeedId }: SidebarProps) {
 
     return (
         <>
-            <aside className="w-72 bg-carbon-dark/50 backdrop-blur-xl border-r border-white/5 h-screen flex flex-col z-20">
+            <aside className="w-72 bg-carbon/60 backdrop-blur-xl border-r border-earth/10 h-screen flex flex-col z-20">
                 <div className="p-8 pb-4">
                     <div className="flex items-center justify-between mb-8">
 
diff --git a/web/src/index.css b/web/src/index.css
index dde8418..225660b 100644
--- a/web/src/index.css
+++ b/web/src/index.css
@@ -35,8 +35,9 @@
     min-height: 100vh;
     border-top: 4px solid var(--color-nature);
     /* Editorial Touch */
-    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.04'/%3E%3C/svg%3E");
+    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.12'/%3E%3C/svg%3E");
     background-blend-mode: multiply;
+    background-repeat: repeat;
   }
 
   h1,