diff --git a/.replit b/.replit
index e53b196..f8317a4 100644
--- a/.replit
+++ b/.replit
@@ -14,6 +14,10 @@ run = ["npm", "run", "start"]
 localPort = 5000
 externalPort = 80
 
+[[ports]]
+localPort = 33997
+externalPort = 4200
+
 [[ports]]
 localPort = 34047
 externalPort = 3002
diff --git a/client/src/components/MainContent.tsx b/client/src/components/MainContent.tsx
index c32a837..683981e 100644
--- a/client/src/components/MainContent.tsx
+++ b/client/src/components/MainContent.tsx
@@ -73,13 +73,14 @@ export default function MainContent() {
   const renderOutletCard = (outlet: MediaOutlet) => {
     const articleCount = articleCountByOutlet[outlet.id] || 0;
     const hasArticles = articleCount > 0;
+    const isErlingHaaland = outlet.slug === 'erling-haaland';
     
     return (
       <Card 
         key={outlet.id}
         className={`hover:shadow-md transition-all cursor-pointer bg-white relative ${
           hasArticles ? 'animate-float ring-2 ring-blue-400/30 shadow-lg' : ''
-        }`}
+        } ${isErlingHaaland ? 'animate-shake' : ''}`}
         data-testid={`card-outlet-${outlet.id}`}
       >
         {hasArticles && (
diff --git a/client/src/index.css b/client/src/index.css
index 98629d1..759d9af 100644
--- a/client/src/index.css
+++ b/client/src/index.css
@@ -137,10 +137,29 @@
     animation: float 3s ease-in-out infinite;
   }
 
+  @keyframes shake {
+    0%, 100% {
+      transform: translateX(0) rotate(0deg);
+    }
+    10%, 30%, 50%, 70%, 90% {
+      transform: translateX(-2px) rotate(-1deg);
+    }
+    20%, 40%, 60%, 80% {
+      transform: translateX(2px) rotate(1deg);
+    }
+  }
+
+  .animate-shake {
+    animation: shake 0.5s ease-in-out infinite;
+  }
+
   @media (prefers-reduced-motion: reduce) {
     .animate-float {
       animation: none;
     }
+    .animate-shake {
+      animation: none;
+    }
   }
   
   .card-hover:hover {