diff --git a/frontend/src/components/PostPreview/PostPreview.tsx b/frontend/src/components/PostPreview/PostPreview.tsx
index a2d30d61..cd33f300 100644
--- a/frontend/src/components/PostPreview/PostPreview.tsx
+++ b/frontend/src/components/PostPreview/PostPreview.tsx
@@ -133,7 +133,7 @@ export const PostPreview = ({ post, index }: PostPreviewProps) => {
               onClick={handleClickGoDetail}
               tabIndex={-1}
               role="button"
-              className="flex-fill text-truncate text-truncate-2 post-preview-content py-16"
+              className="flex-fill text-truncate text-truncate-2 post-preview-content pt-16"
             >
               {summaryContentPlain}
             </div>
@@ -141,7 +141,7 @@ export const PostPreview = ({ post, index }: PostPreviewProps) => {
               onClick={handleClickGoDetail}
               tabIndex={-1}
               role="button"
-              className="d-flex align-items-center justify-content-center gap-24 mx-32 pb-16"
+              className="d-flex align-items-center justify-content-center gap-24 px-32 pt-16"
             >
               {mediaURLs
                 .slice(0, MAX_NUMBER_MEDIA_DISPLAY)
diff --git a/frontend/src/components/PostPreview/PostPreviewFooter.tsx b/frontend/src/components/PostPreview/PostPreviewFooter.tsx
index 487a5ec9..d34adda8 100644
--- a/frontend/src/components/PostPreview/PostPreviewFooter.tsx
+++ b/frontend/src/components/PostPreview/PostPreviewFooter.tsx
@@ -81,7 +81,7 @@ export const PostPreviewFooter = ({ post }: PostPreviewFooterProps) => {
   const showViews = creator || manager;
 
   return (
-    <div>
+    <div className="pt-16">
       <div className="d-flex align-items-center pb-4">
         {showAudience && !!postsReactionsSummary?.[post._id] && (
           <div className="post-footer-element">