diff --git a/public/react/src/common/components/attachment/AttachmentList.js b/public/react/src/common/components/attachment/AttachmentList.js
index afc55fe1f..aee5eb68c 100644
--- a/public/react/src/common/components/attachment/AttachmentList.js
+++ b/public/react/src/common/components/attachment/AttachmentList.js
@@ -12,7 +12,7 @@ class AttachmentsList extends Component{
         {
           attachments.map((item,key)=>{
             return(
-              <p key={key}>
+              <p key={key} className="clearfix mb3">
                 <a className="color-grey fl">
                   <i className="font-14 color-green iconfont icon-fujian mr8"></i>
                 </a>
diff --git a/public/react/src/modules/courses/graduation/topics/GraduateTopicDetailInfo.js b/public/react/src/modules/courses/graduation/topics/GraduateTopicDetailInfo.js
index 9ba334421..033033c42 100644
--- a/public/react/src/modules/courses/graduation/topics/GraduateTopicDetailInfo.js
+++ b/public/react/src/modules/courses/graduation/topics/GraduateTopicDetailInfo.js
@@ -59,7 +59,7 @@ class GraduateTopicDetailTable extends Component{
             </div>
             {
               topicInfo && topicInfo.attachment_list.length>0 &&
-              <p className="mt30">
+              <div className="mt30">
                 {/* {
                   topicInfo.attachment_list.map((item,key)=>{
                     return(
@@ -75,7 +75,7 @@ class GraduateTopicDetailTable extends Component{
                   })
                 } */}
                 <AttachmentList {...this.props} {...this.state} attachments = {topicInfo.attachment_list}></AttachmentList>
-              </p>
+              </div>
             }
           </div>
           <div className="mt30">