diff --git a/web-app/src/components/DocumentCard.tsx b/web-app/src/components/DocumentCard.tsx
index 01ddbca..26e0bed 100644
--- a/web-app/src/components/DocumentCard.tsx
+++ b/web-app/src/components/DocumentCard.tsx
@@ -6,7 +6,7 @@ interface DocumentCardProps {
 }
 
 const DocumentCard: React.FC<DocumentCardProps> = ({ document }) => (
-  <div className="bg-white shadow shadow-blue-500/50 rounded-md p-4 relative group overflow-hidden">
+  <div className="bg-white shadow-lg shadow-blue-500/50 rounded-md p-4 relative group overflow-hidden">
     <h3 className="text-lg font-semibold text-gray-800">{document.title}</h3>
     <p className="text-sm text-gray-600 mt-2 truncate">
       {document.content.length > 100
diff --git a/web-app/src/components/SuggestionCard.tsx b/web-app/src/components/SuggestionCard.tsx
index d6c4d34..5507a4c 100644
--- a/web-app/src/components/SuggestionCard.tsx
+++ b/web-app/src/components/SuggestionCard.tsx
@@ -19,7 +19,7 @@ const SuggestionCard: React.FC<SuggestionCardProps> = ({
 }) => {
   const document = suggestion.original_document;
   return (
-    <div className="bg-white shadow shadow-blue-500/50 rounded-md p-4 relative flex flex-col justify-between h-full">
+    <div className="bg-white shadow-lg shadow-blue-500/50 rounded-md p-4 relative flex flex-col justify-between h-full">
       <div className="flex items-center group relative">
         <div className="relative">
           <h3 className="text-lg font-semibold text-gray-800">