diff --git a/.github/workflows/pizza.yml b/.github/workflows/pizza.yml
index 7a768d83e..565104edd 100644
--- a/.github/workflows/pizza.yml
+++ b/.github/workflows/pizza.yml
@@ -11,6 +11,8 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - name: Pizza Action
-        uses: open-sauced/pizza-action@v2.1.0
+        uses: open-sauced/pizza-action@v2.2.0
         with:
+          cli-version: 'v2.1.0'
           commit-and-pr: 'true'
+          pr-title: 'chore: update repository codeowners'
diff --git a/components/sections/blog/FeaturedPost.tsx b/components/sections/blog/FeaturedPost.tsx
index c591d39d8..2a5a2b5eb 100644
--- a/components/sections/blog/FeaturedPost.tsx
+++ b/components/sections/blog/FeaturedPost.tsx
@@ -17,9 +17,9 @@ const FeaturedPost: FC<FeaturedPostProps> = ({ data }): ReactElement => {
       <div className="w-full largeTablet:grid largeTablet:grid-cols-2 largeTablet:gap-x-11">
         <div className="hidden largeTablet:flex">
           <GradientBorderWrapper style={{ width: '100%' }}>
-            <div className="flex-1  h-[496px] relative rounded-[5px] overflow-hidden ">
-              <Image src={src as string} layout="fill" objectFit="cover" alt="Post cover" />
-            </div>
+          <div className="w-full relative rounded-[5px] overflow-hidden ">
+            <Image width={580} height={304} src={src as string} alt="Cover" />
+          </div>
           </GradientBorderWrapper>
         </div>
 
diff --git a/components/sections/blog/components/Post.tsx b/components/sections/blog/components/Post.tsx
index 963502878..9a0aea79a 100644
--- a/components/sections/blog/components/Post.tsx
+++ b/components/sections/blog/components/Post.tsx
@@ -57,12 +57,12 @@ const Post: FC<PostProps> = ({ data, featured }): ReactElement => {
       <div className={`${featured && 'largeTablet:hidden'}`}>
         <GradientBorderWrapper style={{ width: '100%', borderRadius: '5px' }}>
           <div className="w-full relative rounded-[5px] overflow-hidden ">
-            <Image width="580" height={304} src={src as string} alt="Cover" />
+            <Image width={580} height={304} className='min-h-[22rem]' src={src as string} alt="Cover" />
           </div>
         </GradientBorderWrapper>
       </div>
 
-      <div className="flex justify-start pt-6 pb-2 largeTablet:pt-10">
+      <div className={`flex justify-start pt-6 pb-2 ${featured ? "largeTablet:pt-4" : "largeTablet:pt-10"} `}>
         {topics?.map((item) => (
           <div key={item} className="mr-5">
             <Typography key={item} variant="body4">{`#${item}`}</Typography>
@@ -79,7 +79,7 @@ const Post: FC<PostProps> = ({ data, featured }): ReactElement => {
           </Link>
         </LocalTypography>
       </div>
-      <div className="flex items-center pb-6 largeTablet:pb-10 ">
+      <div className="flex items-center pb-6 largeTablet:pb-5 ">
         <div className="flex-shrink-0 mr-2">
           <Image src={OrangeAuthor} alt="Author" />
         </div>