From 153f2e504b6bc0ea59d392b475b5bc9b33ed5074 Mon Sep 17 00:00:00 2001
From: kimjaehyeon0101 <47347352-kimjaehyeon0101@users.noreply.replit.com>
Date: Mon, 29 Sep 2025 21:33:04 +0000
Subject: [PATCH] Adjust search popup layout to fix display issues

Fixes the positioning of the close button and overall layout in the search modal by adjusting padding and margin in `SearchModal.tsx`.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 069d4324-6c40-4355-955e-c714a50de1ea
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/3df548ff-50ae-432f-9be4-25d34eccc983/069d4324-6c40-4355-955e-c714a50de1ea/bLfICpO
---
 client/src/components/SearchModal.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/client/src/components/SearchModal.tsx b/client/src/components/SearchModal.tsx
index db7de76..f6ee415 100644
--- a/client/src/components/SearchModal.tsx
+++ b/client/src/components/SearchModal.tsx
@@ -59,10 +59,10 @@ export default function SearchModal({ isOpen, onClose }: SearchModalProps) {
 
   return (
     <Dialog open={isOpen} onOpenChange={handleClose}>
-      <DialogContent className="max-w-2xl max-h-[80vh] p-0 overflow-hidden">
+      <DialogContent className="max-w-2xl max-h-[80vh] overflow-hidden">
         <DialogTitle className="sr-only">Search Articles and Media Outlets</DialogTitle>
         {/* Search Header */}
-        <div className="flex items-center p-4 border-b">
+        <div className="flex items-center pb-4 border-b pr-8">
           <div className="relative flex-1">
             <Search className="absolute left-3 top-1/2 transform -translate-y-1/2 h-4 w-4 text-gray-400" />
             <Input