diff --git a/components/observatory/observatory-view.tsx b/components/observatory/observatory-view.tsx
index f2d430fb..066c33b5 100644
--- a/components/observatory/observatory-view.tsx
+++ b/components/observatory/observatory-view.tsx
@@ -193,7 +193,7 @@ export function ObservatoryView() {
   // Loading state
   if (loading) {
     return (
-      <div className="w-full h-[calc(100vh-2rem)] flex items-center justify-center">
+      <div className="w-full h-screen flex items-center justify-center">
         <RefreshCw className="h-10 w-10 animate-spin text-gray-400" />
       </div>
     );
@@ -202,7 +202,7 @@ export function ObservatoryView() {
   // Error state
   if (error) {
     return (
-      <div className="w-full h-[calc(100vh-2rem)] flex flex-col items-center justify-center">
+      <div className="w-full h-screen flex flex-col items-center justify-center">
         <p className="text-red-500 mb-4">{error}</p>
         <Button onClick={() => fetchNews(true)}>Retry</Button>
       </div>
@@ -213,9 +213,9 @@ export function ObservatoryView() {
   const countriesMap = extractCountries(news);
 
   return (
-    <div className="w-full h-[calc(100vh-2rem)] bg-[#f5f4ef]">
+    <div className="w-full h-screen bg-[#f5f4ef]">
       {/* Main Content */}
-      <div className="grid grid-cols-2 gap-6 h-[calc(100vh-2rem)] p-6">
+      <div className="grid grid-cols-2 gap-6 h-screen p-6">
         {/* News Feed Section */}
         <div>
           <div className="bg-white rounded-lg shadow-md overflow-hidden h-full flex flex-col">