diff --git a/src/components/media/media.module.css b/src/components/media/media.module.css
index 4510e08a..65900532 100644
--- a/src/components/media/media.module.css
+++ b/src/components/media/media.module.css
@@ -81,4 +81,12 @@
 
 .mediaMobile img, .mediaMobile video, .mediaMobile iframe, .mediaMobile audio {
   padding: 3px 0 5px 0;
+}
+
+.mediaDesktopReply img, .mediaDesktopReply video, .mediaDesktopReply iframe, .mediaDesktopReply audio {
+  padding: 3px 20px 5px 20px;
+}
+
+.mediaDesktopOp img, .mediaDesktopOp video, .mediaDesktopOp iframe, .mediaDesktopOp audio {
+  padding: 3px 20px 5px 0;
 }
\ No newline at end of file
diff --git a/src/components/media/media.tsx b/src/components/media/media.tsx
index b80b5570..cdffeb1a 100644
--- a/src/components/media/media.tsx
+++ b/src/components/media/media.tsx
@@ -75,7 +75,7 @@ const Thumbnail = ({ commentMediaInfo, isMobile, isReply, linkHeight, linkWidth
 
 const Media = ({ commentMediaInfo, isMobile, isReply, linkHeight, linkWidth, showThumbnail, setShowThumbnail }: MediaProps) => {
   const { t } = useTranslation();
-  const mediaClass = isMobile ? styles.mediaMobile : styles.mediaDesktop;
+  const mediaClass = isMobile ? styles.mediaMobile : isReply ? styles.mediaDesktopReply : styles.mediaDesktopOp;
 
   return (
     <span className={styles.content}>