diff --git a/components/news.tsx b/components/news.tsx
index 531a9c1..87673ab 100644
--- a/components/news.tsx
+++ b/components/news.tsx
@@ -69,11 +69,11 @@ export function News() {
   if (status === 'loading' || loading) {
     return (
       <Card className="bg-white/95 backdrop-blur-sm border-0 shadow-lg">
-        <CardHeader className="flex flex-row items-center justify-between py-3 px-4 border-b border-gray-100">
+        <CardHeader className="flex flex-row items-center justify-between py-2 px-4 border-b border-gray-100">
           <CardTitle className="text-lg font-semibold text-gray-800">News</CardTitle>
         </CardHeader>
         <CardContent className="p-4">
-          <div className="flex items-center justify-center h-[500px]">
+          <div className="flex items-center justify-center h-[460px]">
             <RefreshCw className="h-5 w-5 animate-spin text-gray-400" />
           </div>
         </CardContent>
@@ -83,7 +83,7 @@ export function News() {
 
   return (
     <Card className="bg-white/95 backdrop-blur-sm border-0 shadow-lg">
-      <CardHeader className="flex flex-row items-center justify-between py-3 px-4 border-b border-gray-100">
+      <CardHeader className="flex flex-row items-center justify-between py-2 px-4 border-b border-gray-100">
         <CardTitle className="text-lg font-semibold text-gray-800">News</CardTitle>
         <Button
           variant="ghost"
@@ -99,7 +99,7 @@ export function News() {
         {error ? (
           <p className="text-center text-red-500">{error}</p>
         ) : (
-          <div className="space-y-2 h-[500px] overflow-y-auto scrollbar-thin scrollbar-thumb-gray-200 scrollbar-track-transparent">
+          <div className="space-y-2 h-[460px] overflow-y-auto scrollbar-thin scrollbar-thumb-gray-200 scrollbar-track-transparent">
             {news.length === 0 ? (
               <p className="text-center text-gray-500">No news available</p>
             ) : (