diff --git a/packages/viewer/src/app/r/[rid]/page.tsx b/packages/viewer/src/app/r/[rid]/page.tsx
index 789942d..5c4ed89 100644
--- a/packages/viewer/src/app/r/[rid]/page.tsx
+++ b/packages/viewer/src/app/r/[rid]/page.tsx
@@ -49,7 +49,7 @@ export default async function Page({ params }: { params: { rid: string } }) {
       <div className="col-xl-9 col-lg-10 col-md-11 col-12 mt-3 mb-3x mx-auto">
         <div className="pb-3 mb-4x position-relative">
           <div className="bg-white rounded-4 shadow">
-            <div className="px-4 pt-2 pb-4 position-relative">
+            <div className="px-md-4x px-4 pt-md-3x pt-2x pb-md-4l pb-4 position-relative">
               <Content
                 discussionAuthor={reply.discussion.snapshots[0].authorId}
                 content={reply.content}