diff --git a/attached_assets/image_1772470581637.png b/attached_assets/image_1772470581637.png
new file mode 100644
index 0000000..e5ed5aa
Binary files /dev/null and b/attached_assets/image_1772470581637.png differ
diff --git a/client/src/pages/home.tsx b/client/src/pages/home.tsx
index fdeae33..b79cebc 100644
--- a/client/src/pages/home.tsx
+++ b/client/src/pages/home.tsx
@@ -308,10 +308,10 @@ function TopStoriesList({ articles }: { articles: Article[] }) {
     <div className="bg-card rounded-lg border border-card-border p-3 h-full flex flex-col" data-testid="sidebar-top-stories">
       <h3 className="font-bold text-card-foreground text-xs mb-2 flex items-center gap-2">
         <span className="w-1 h-3.5 bg-primary rounded-full" />
-        Musiknachrichten
+        Zadnje dodano
       </h3>
       <div className="space-y-0">
-        {articles.slice(0, 10).map((article) => (
+        {articles.slice(0, 5).map((article) => (
           <Link key={article.id} href={`/article/${article.slug}`}>
             <div className="group cursor-pointer py-2 border-b border-card-border last:border-0" data-testid={`card-top-${article.id}`}>
               <h4 className="text-xs font-medium text-card-foreground line-clamp-2 group-hover:text-primary transition-colors leading-snug">{article.title}</h4>
@@ -588,7 +588,7 @@ export default function Home() {
             )}
           </div>
           <div className="lg:col-span-1">
-            {popular && popular.length > 0 && <TopStoriesList articles={popular} />}
+            {articles && articles.length > 0 && <TopStoriesList articles={[...articles].sort((a, b) => new Date(b.publishedAt).getTime() - new Date(a.publishedAt).getTime()).slice(0, 5)} />}
             <SidebarAd />
           </div>
         </div>