diff --git a/src/NexusReader.UI.Shared/Components/Organisms/ContextualRecommendationsWidget.razor.css b/src/NexusReader.UI.Shared/Components/Organisms/ContextualRecommendationsWidget.razor.css
index a014fe9..b42632f 100644
--- a/src/NexusReader.UI.Shared/Components/Organisms/ContextualRecommendationsWidget.razor.css
+++ b/src/NexusReader.UI.Shared/Components/Organisms/ContextualRecommendationsWidget.razor.css
@@ -5,6 +5,7 @@
 .recommendations-panel {
     width: 100%;
     padding: 1.75rem;
+    margin-top: 2.5rem;
     background: var(--nexus-surface, #1a1a1e);
     border: 1px solid var(--nexus-border, rgba(255, 255, 255, 0.05));
     border-radius: 12px;