diff --git a/src/components/Post/ImgBox.jsx b/src/components/Post/ImgBox.jsx
index 8f428c383..f9ef00639 100644
--- a/src/components/Post/ImgBox.jsx
+++ b/src/components/Post/ImgBox.jsx
@@ -37,17 +37,22 @@ const ImgBox = ({
)}
- {caption && postHasImages && caption.length >= 200 ? (
-
+ {caption && postHasImages ? (
+
= 200 ? "postCaption" : "postCaptiontext"
+ }`}
+ >
{caption}
) : (
- caption &&
- postHasImages && (
-
-
-
- )
+
)}
diff --git a/src/components/Post/index.css b/src/components/Post/index.css
index 82ed70c76..6ed6c2dc1 100644
--- a/src/components/Post/index.css
+++ b/src/components/Post/index.css
@@ -63,7 +63,7 @@
}
.post__background {
- min-height: 200px;
+ min-height: 350px;
background: linear-gradient(
130deg,
#dee2ed,
@@ -379,3 +379,17 @@
font-size: 14px;
}
}
+
+.postCaption {
+ color: var(--color);
+ padding-inline: 8px;
+ height: 80px;
+}
+
+.postCaptiontext {
+ color: var(--color);
+ padding-inline: 8px;
+ height: 80px;
+ display: flex;
+ align-items: flex-end;
+}