diff --git a/frontend/src/components/wiki-card-view/wiki-card-item.js b/frontend/src/components/wiki-card-view/wiki-card-item.js
index 96a1307374..02f6a36c03 100644
--- a/frontend/src/components/wiki-card-view/wiki-card-item.js
+++ b/frontend/src/components/wiki-card-view/wiki-card-item.js
@@ -247,10 +247,10 @@ class WikiCardItem extends Component {
           <div className="wiki-item-owner">
             {isShowAvatar && (isDepartment ? this.renderDept() : this.renderAvatar())}
           </div>
-          <div className="wiki-item-updated-time">
+          <div className="wiki-item-bottom">
             {moment(wiki.updated_at).fromNow()}
             {wiki.is_published &&
-              <span style={{ marginLeft: '25%' }}>published</span>
+              <span>{gettext('published')}</span>
             }
           </div>
         </div>
diff --git a/frontend/src/components/wiki-card-view/wiki-card-view.css b/frontend/src/components/wiki-card-view/wiki-card-view.css
index d10433bfef..7d63f0d46c 100644
--- a/frontend/src/components/wiki-card-view/wiki-card-view.css
+++ b/frontend/src/components/wiki-card-view/wiki-card-view.css
@@ -104,12 +104,14 @@
   color: #999;
 }
 
-/* wiki-item-updated-time */
-.wiki-card-item .wiki-item-updated-time {
+/* wiki-item-bottom */
+.wiki-card-item .wiki-item-bottom {
   height: 20px;
   font-size: 12px;
   color: #666;
   padding-top: 6px;
+  display: flex;
+  justify-content: space-between;
 }
 
 .wiki-card-item-add span:first-child {