diff --git a/src/components/Card/Card.style.js b/src/components/Card/Card.style.js
index efb011b96090..bb0b988977ff 100644
--- a/src/components/Card/Card.style.js
+++ b/src/components/Card/Card.style.js
@@ -35,24 +35,27 @@ export const CardWrapper = styled.div`
 		}
 	}
 
-    .post-thumb-block{
+   .post-thumb-block{
         overflow: hidden;
         height: 11.5rem;
         border-top-right-radius: 0.5rem;
         border-top-left-radius: 0.5rem;
 
-        .gatsby-image-wrapper, .old-gatsby-image-wrapper{
-            height:100%;
-            transition: all 0.3s ease-in;
-        }
-        img{
-            height: inherit;
-            max-height: 180px;
-            display: block;
-            text-align: center;
-            margin: auto;
+    .gatsby-image-wrapper, .old-gatsby-image-wrapper{
+        height:100%;
+        margin-top: 0.2rem;
+        transition: all 0.3s ease-in;
+    }
+    img{
+        height: inherit;
+        max-height: 180px;
+        display: block;
+        text-align: center;
+        margin: auto;
         }
+
     }
+    
 
     .post-content-block{
         padding: 1rem 2rem;
@@ -97,6 +100,8 @@ export const CardWrapper = styled.div`
     .post-meta-block{
         height: auto;
         display: flex;
+        margin-buttom: 0.5rem;
+        
 
         .author{
             text-align: end;
@@ -118,6 +123,7 @@ export const CardWrapper = styled.div`
     .readmore-btn-wrapper{
         display:flex;
         justify-content: flex-start;
+        
     }
 
     .readmore-btn::after{
@@ -136,6 +142,7 @@ export const CardWrapper = styled.div`
        align-items: center;
        transition: 0.8s cubic-bezier(0.2, 0.8, 0.2, 1);
        
+       
        svg{
            font-size: 1.5rem;
            transition: all 0.3s;
diff --git a/src/sections/Company/News-grid/NewsGrid.style.js b/src/sections/Company/News-grid/NewsGrid.style.js
index 18f605e384d9..6af902eb10e8 100644
--- a/src/sections/Company/News-grid/NewsGrid.style.js
+++ b/src/sections/Company/News-grid/NewsGrid.style.js
@@ -51,6 +51,30 @@ export const NewsPageWrapper = styled.div`
     .search-box-container {
         width: 35%;
     }
+    .post-thumb-block{
+        overflow: hidden;
+        height: 11.5rem;
+        border-top-right-radius: 0.5rem;
+        border-top-left-radius: 0.5rem;
+
+        .gatsby-image-wrapper{
+            height: 100%;
+            width: 80%;
+            margin: auto;
+            transition: all 0.3s ease-in;
+        }
+        .old-gatsby-image-wrapper{
+            height:100%;
+            width:80%;
+            margin: auto;
+            transition: all 0.3s ease-in;
+        }
+         img{
+            padding: 4px;
+            width: 100%;
+            height: 100%;
+        }
+    }
     
     .post-content-block {
         height: 10rem;