From 9abb5756348ebaea1318afe5baadf92a9229d68a Mon Sep 17 00:00:00 2001
From: Mihoub <debache.mihoub@gmail.com>
Date: Fri, 15 Nov 2024 09:40:36 +0100
Subject: [PATCH] small fixes

---
 client/src/pages/home/components/item.tsx    | 9 ++++++---
 client/src/pages/home/components/styles.scss | 3 ++-
 2 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/client/src/pages/home/components/item.tsx b/client/src/pages/home/components/item.tsx
index 4843b91..8c649af 100644
--- a/client/src/pages/home/components/item.tsx
+++ b/client/src/pages/home/components/item.tsx
@@ -51,8 +51,12 @@ const AllContributions: React.FC<AllContributionsProps & { query: string }> = ({
           } else badgeContent = "Contact";
 
           return (
-            <Row gutters key={index} className="email-row">
-              <Link href={link} rel="noopener noreferrer">
+            <Row gutters key={index}>
+              <Link
+                href={link}
+                rel="noopener noreferrer"
+                className="email-content"
+              >
                 <Col lg="12" md="10" sm="12" className="email-item fr-mb-2w">
                   <div>
                     {badgeContent && (
@@ -133,7 +137,6 @@ const AllContributions: React.FC<AllContributionsProps & { query: string }> = ({
                       </i>
                     </Text>
                     <Text
-                      className="email-content"
                       size="sm"
                       dangerouslySetInnerHTML={{
                         __html: highlightQuery(email?.message, query),
diff --git a/client/src/pages/home/components/styles.scss b/client/src/pages/home/components/styles.scss
index 7397420..36c0e92 100644
--- a/client/src/pages/home/components/styles.scss
+++ b/client/src/pages/home/components/styles.scss
@@ -2,13 +2,14 @@
   padding: 1.5rem;
   border-radius: 8px;
   margin-top: 1rem;
-  border-bottom: 3px solid #f0f0f0;
 }
 
 .email-content {
   word-wrap: break-word;
   overflow-wrap: break-word;
   word-break: break-all;
+  width: 100%;
+  border-bottom: 13px solid #f0f0f0;
 }
 
 .copy-button {