diff --git a/components/observatory/observatory-view.tsx b/components/observatory/observatory-view.tsx
index ed8a6053..37a787e8 100644
--- a/components/observatory/observatory-view.tsx
+++ b/components/observatory/observatory-view.tsx
@@ -213,14 +213,14 @@ export function ObservatoryView() {
   const countriesMap = extractCountries(news);
 
   return (
-    <div className="w-full h-screen bg-gray-50 flex flex-col">
+    <div className="flex flex-col h-[calc(100vh-64px)] w-full bg-white">
       {/* Title */}
-      <div className="w-full bg-white py-4 px-6 border-b border-gray-200 shadow-sm">
-        <h1 className="text-2xl font-bold text-gray-800">Observatoire de La Paix et du Vivre-Ensemble</h1>
+      <div className="bg-white border-b border-gray-100 py-3 px-6">
+        <h1 className="text-xl font-bold text-gray-800">Observatoire de La Paix et du Vivre-Ensemble</h1>
       </div>
-      
+
       {/* Main Content */}
-      <div className="grid grid-cols-2 gap-6 p-6 flex-1 overflow-auto">
+      <div className="grid grid-cols-2 gap-6 p-6 flex-1 overflow-auto bg-gray-50">
         {/* News Feed Section */}
         <div className="h-full overflow-hidden">
           <div className="bg-white rounded-lg shadow-sm border border-gray-100 h-full flex flex-col">