diff --git a/components/news.tsx b/components/news.tsx
index 57f6046..ec3ee7a 100644
--- a/components/news.tsx
+++ b/components/news.tsx
@@ -69,7 +69,7 @@ export function News() {
   if (status === 'loading' || loading) {
     return (
       <Card className="transition-transform duration-500 ease-in-out transform hover:scale-105 bg-white/95 backdrop-blur-sm border-0 shadow-lg h-full">
-        <CardHeader className="flex flex-row items-center justify-between pb-2 border-b border-gray-100">
+        <CardHeader className="flex flex-row items-center justify-between p-4 border-b border-gray-100">
           <CardTitle className="text-lg font-semibold text-gray-800">News</CardTitle>
         </CardHeader>
         <CardContent className="p-6">
@@ -83,7 +83,7 @@ export function News() {
 
   return (
     <Card className="transition-transform duration-500 ease-in-out transform hover:scale-105 bg-white/95 backdrop-blur-sm border-0 shadow-lg h-full">
-      <CardHeader className="flex flex-row items-center justify-between pb-2 space-x-4 border-b border-gray-100">
+      <CardHeader className="flex flex-row items-center justify-between p-4 space-x-4 border-b border-gray-100">
         <CardTitle className="text-lg font-semibold text-gray-800">News</CardTitle>
         <Button
           variant="ghost"
@@ -95,7 +95,7 @@ export function News() {
           <RefreshCw className="h-4 w-4" />
         </Button>
       </CardHeader>
-      <CardContent className="p-3">
+      <CardContent className="p-4">
         {error ? (
           <p className="text-center text-red-500">{error}</p>
         ) : (