diff --git a/frontend/src/views/Main.vue b/frontend/src/views/Main.vue
index 3065f9ac2..084eda0b0 100644
--- a/frontend/src/views/Main.vue
+++ b/frontend/src/views/Main.vue
@@ -1,5 +1,5 @@
 <template>
-  <div>
+  <div class="shading">
     <AppBar/>
 
     <!-- The navigation drawer display from y-axis 0px by default -->
@@ -9,6 +9,7 @@
     <!-- <v-navigation-drawer mini-variant-width=50> -->
 
     <v-navigation-drawer
+      app
       absolute
       permanent
       width=200
@@ -29,9 +30,9 @@
       </v-list>
     </v-navigation-drawer>
 
-    <v-main class="shading main-container pb-0">
-      <v-toolbar-title class="shading pt-4 pb-2 page-title">{{activeMenuItemName}}</v-toolbar-title>
-      <router-view class="router-container background mr-3 mb-3" style="margin-left: 68px"/>
+    <v-main class="ma-3">
+      <v-toolbar-title class="mt-1 mb-2 page-title">{{activeMenuItemName}}</v-toolbar-title>
+      <router-view class="router-container background"/>
     </v-main>
 
     <v-footer app color="primary" class="main-footer">
@@ -183,7 +184,6 @@ export default {
   font-size: 16px;
   color: #000520;
   line-height: 16px;
-  margin-left: 68px;
 }
 .router-container{
   height: calc(100vh - 44px - 40px - 28px - 12px);
@@ -210,12 +210,6 @@ export default {
   line-height: 28px;
   padding: 0;
 }
-.main-container {
-  height: calc(100vh - 28px);
-  /*
-  footer:28px
-   */
-}
 .v-list-active {
   background-color: #eeeef9;
   color: #5F5CCA !important;
diff --git a/frontend/src/views/appbar/AppBar.vue b/frontend/src/views/appbar/AppBar.vue
index 74dece67e..52a13b594 100644
--- a/frontend/src/views/appbar/AppBar.vue
+++ b/frontend/src/views/appbar/AppBar.vue
@@ -1,13 +1,12 @@
 <template>
   <div>
-    <v-app-bar app dense elevation="3" height="44" color="background">
+    <v-app-bar app dense clipped-left elevation="3" height="44" color="background">
       <v-app-bar-title width="30">
         <img src="@/assets/logo.svg" width="40" style="margin: 12px 12px 0px -8px;"/>
         <img src="@/assets/lyrebird.svg" width="120" style="margin-bottom:8px;"/>
       </v-app-bar-title>
       <v-spacer/>
 
-      <!-- Load plugin status which placement is top-right -->
       <span v-for="item in statusTopRightList" :key="item.id" class="top-bar-item mr-5">
         <v-select
           v-model="item.src.selected"
@@ -25,9 +24,7 @@
         />
       </span>
 
-      <!-- Add Bandwidth here -->
       <Bandwidth />
-      <!-- <Bandwidth/> -->
 
       <!-- Settings -->
       <!-- Not display -->
diff --git a/frontend/src/views/event/EventDetail.vue b/frontend/src/views/event/EventDetail.vue
index 6cef73663..3fa73b478 100644
--- a/frontend/src/views/event/EventDetail.vue
+++ b/frontend/src/views/event/EventDetail.vue
@@ -6,8 +6,8 @@
       </Col>
       <Col span="23" class="small-tab">
         <Tabs :value="currentTab" :animated="false" size="small" @on-click="switchTab">
-          <TabPane label="Message" name="msg"></TabPane>
-          <TabPane label="Raw" name="raw"></TabPane>
+          <TabPane label="Raw" name="raw"/>
+          <TabPane label="Message" name="msg"/>
         </Tabs>
       </Col>
     </Row>
diff --git a/frontend/src/views/inspector/ButtonBar.vue b/frontend/src/views/inspector/ButtonBar.vue
index a9f68902f..21e9480d6 100644
--- a/frontend/src/views/inspector/ButtonBar.vue
+++ b/frontend/src/views/inspector/ButtonBar.vue
@@ -41,7 +41,7 @@
         @change="changeDiffMode"
       />
 
-      <v-tooltip bottom open-delay=500>
+      <v-tooltip bottom>
         <template v-slot:activator="{ on, attrs }">
           <v-btn plain icon small v-bind="attrs" v-on="on">
             <v-icon small size="18px" color="content">mdi-help-circle-outline</v-icon>
@@ -82,7 +82,7 @@
       </v-chip>
     </span>
 
-      <v-tooltip bottom open-delay=500>
+      <v-tooltip bottom>
         <template v-slot:activator="{ on, attrs }">
           <v-btn plain icon v-bind="attrs" v-on="on" small>
             <v-icon size="18px" color="content" small style="opacity:1">mdi-help-circle-outline</v-icon>
diff --git a/frontend/src/views/notice/NotRemindMessage.vue b/frontend/src/views/notice/NotRemindMessage.vue
deleted file mode 100644
index ff9e264c9..000000000
--- a/frontend/src/views/notice/NotRemindMessage.vue
+++ /dev/null
@@ -1,101 +0,0 @@
-<template>
-  <Card shadow @mouseover.native="isDisplayDate=false" @mouseout.native="isDisplayDate=true" @click.native="jump(notice)" style="cursor:pointer">
-    <p slot="title" style="line-height:16px">
-      <Row>
-        <Col span="16">
-          <div :title="notice.sender.file">
-            <span style="display:inline-block;max-width:245px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap">
-              {{notice.sender.file}}
-            </span>
-            <Badge v-if="notice.count > 1" :count="notice.count" class-name="notice-badge-gray" style="padding-left:5px"></Badge>
-          </div>
-        </Col>
-        <Col span="8" align="right">
-          <div v-if="isDisplayDate">
-            <p style="font-weight:400;font-size:12px">
-              {{timestampToTime(notice.timestamp)}}
-            </p>
-          </div>
-          <div v-else>
-            <a><Icon type="md-close" @click.stop="deleteNotice(notice.key)"/></a>
-          </div>
-        </Col>
-      </Row>
-    </p>
-    <p style="word-break:break-all">{{notice.title}}</p>
-    <Row>
-      <Col span="20">
-        <p>
-          <b><a href="#"> </a></b>
-        </p>
-      </Col>
-      <Col span="24" align="right">
-        <a href="#" @click.stop="changeNoticeStatusToTrue(notice)" title="Remind me again">
-          <Icon type="ios-eye" style="font-size:16px"/>
-        </a>
-      </Col>
-    </Row>
-  </Card>
-</template>
-
-<script>
-export default {
-  name: "noticeMessage",
-  props: ["notice"],
-  data() {
-    return {
-      isDisplayDate: true,
-      jumpToUrl: null,
-      jumpToName: null
-    };
-  },
-  methods: {
-    timestampToTime(timeStamp){
-      let dateObj = new Date(timeStamp * 1000)
-      let month = dateObj.getMonth()+1
-      let date = dateObj.getDate()
-      let hour = dateObj.getHours()
-      let minute = (dateObj.getMinutes() < 10 ? '0'+dateObj.getMinutes() : dateObj.getMinutes())
-      let second = (dateObj.getSeconds() < 10 ? '0'+dateObj.getSeconds() : dateObj.getSeconds())
-      return month + '/' + date + ' ' + hour + ':' + minute + ':' + second
-    },
-    deleteNotice(noticeKey){
-      this.$store.dispatch('deleteNotRemind', noticeKey)
-    },
-    jump(notice) {
-      this.$bus.$emit('toggleNotice')
-      // TODO: support select manifest
-      // store.state.manifest[0]: only one manifest are supported in v1.0
-      for(const index in this.$store.state.menu){
-        let menuItem = this.$store.state.menu[index]
-        if (menuItem['params'] && this.$store.state.manifest[0] === menuItem['params']['name']){
-          this.$store.commit('setActiveMenuItemIndex', parseInt(index))
-          this.jumpToUrl = menuItem.params.src + '?event_id=' + notice.id
-          this.jumpToName = menuItem.params.name
-          break
-        }
-      }
-      this.$store.commit('plugin/setSrc', this.jumpToUrl)
-      this.$router.push({name:'plugin-view', params:{name:this.jumpToName, query:'event_id='+this.notice.id}})
-      this.$store.dispatch('deleteNotRemind', notice.key)
-    },
-    changeNoticeStatusToTrue(notice) {
-      this.$store.dispatch('updateNoticeStatus', {
-        key:notice.key,
-        status:true
-      })
-    }
-  }
-}
-</script>
-
-<style>
-.ivu-card > .ivu-card-head{
-  padding: 5px 5px 3px 5px;
-  font-size: 12px;
-}
-.ivu-card > .ivu-card-body{
-  padding: 5px 5px 5px 8px;
-  font-size: 12px;
-}
-</style>
diff --git a/frontend/src/views/notice/NoticeCenter.vue b/frontend/src/views/notice/NoticeCenter.vue
index 7fdbdd346..b0ba87f28 100644
--- a/frontend/src/views/notice/NoticeCenter.vue
+++ b/frontend/src/views/notice/NoticeCenter.vue
@@ -6,13 +6,24 @@
       :value="noticeList.length"
       offset-x="10"
       offset-y="16"
+      class="main-header-notice-badge"
     >
       <v-icon>
         mdi-bell-outline
       </v-icon>
     </v-badge>
 
-    <Drawer width="380" :closable="true" :mask="false" v-model="drawerIsCollapsed">
+    <v-navigation-drawer
+      v-model="drawerIsCollapsed"
+      app
+      absolute
+      temporary
+      hide-overlay
+      right
+      class="side-navgation-right"
+      width="400"
+      color="rgba(230, 230, 230, 0.6)"
+    >
       <div class="drawer-header">
         <ButtonGroup>
           <Button v-for="tab in tabList" :key="tab" :class="[setResultClass(tab)]" @click="setTargetTab(tab)"><p>{{tab}}</p></Button>
@@ -21,7 +32,7 @@
       <div v-if="selectedTab === tabList[0]">
         <div v-if="noticeList.length" style="height:calc(100% - 31px);overflow-x:auto">
           <div v-for="(notice, index) in noticeList" :key="index" style="padding: 5px 10px;">
-            <NoticeMessage :notice="notice"></NoticeMessage>
+            <NoticeMessage :notice="notice" :alert="true"/>
           </div>
         </div>
         <div v-else class="notice-empty">
@@ -31,28 +42,26 @@
       <div v-else-if="selectedTab === tabList[1]">
         <div v-if="notRemindList.length" style="height:calc(100% - 31px);overflow-x:auto">
           <div v-for="(notice, index) in notRemindList" :key="index" style="padding: 5px 10px;">
-            <NotRemindMessage :notice="notice"></NotRemindMessage>
+            <NoticeMessage :notice="notice" :alert="false"/>
           </div>
         </div>
         <div v-else class="notice-empty">
           <p>Nothing here</p>
         </div>
       </div>
-    </Drawer>
+    </v-navigation-drawer>
   </div>
 </template>
 
 <script>
 import Alert from '@/views/notice/Alert.vue'
 import NoticeMessage from '@/views/notice/NoticeMessage.vue'
-import NotRemindMessage from '@/views/notice/NotRemindMessage.vue'
 
 export default {
   name: "noticeCenter",
   components: {
     Alert,
-    NoticeMessage,
-    NotRemindMessage
+    NoticeMessage
   },
   data() {
     return {
@@ -114,8 +123,11 @@ export default {
 
 <style>
 .main-header-notice {
- float: right;
- margin-right: 15px;
+  float: right;
+  margin-right: 15px;
+}
+.main-header-notice-badge {
+  cursor: pointer;
 }
 .drawer-header {
   height: 38px;
@@ -161,10 +173,7 @@ export default {
   background: #cccccc;
   color: #ffffff;
 }
-.ivu-drawer-right > .ivu-drawer-content {
-  background:  rgba(230,230,230,0.8);
-}
-.ivu-drawer-content > .ivu-drawer-body {
-  padding: 0px;
+.side-navgation-right p {
+  margin-bottom: 0px;
 }
 </style>
diff --git a/frontend/src/views/notice/NoticeMessage.vue b/frontend/src/views/notice/NoticeMessage.vue
index a751cd11c..0d9f7efd4 100644
--- a/frontend/src/views/notice/NoticeMessage.vue
+++ b/frontend/src/views/notice/NoticeMessage.vue
@@ -7,7 +7,12 @@
             <span style="display:inline-block;max-width:245px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap">
               {{notice.sender.file}}
             </span>
-            <Badge v-if="notice.count > 1" :count="notice.count" class-name="notice-badge" style="padding-left:5px"></Badge>
+            <Badge
+              v-if="notice.count > 1"
+              :count="notice.count"
+              :class-name="alert?'notice-badge':'notice-badge-gray'"
+              style="padding-left:5px"
+            />
           </div>
         </Col>
         <Col span="8" align="right">
@@ -30,8 +35,9 @@
         </p>
       </Col>
       <Col span="24" align="right">
-        <a href="#" @click.stop="changeNoticeStatusToFalse(notice)" title="Don't remind again">
-          <Icon type="ios-eye-off" style="font-size:16px"/>
+        <a href="#" @click.stop="changeNoticeStatus(notice)" :title="alert?'Don\'t remind again':'Remind me again'">
+          <Icon v-if="alert" type="ios-eye-off" style="font-size:16px"/>
+          <Icon v-else type="ios-eye" style="font-size:16px"/>
         </a>
       </Col>
     </Row>
@@ -40,8 +46,8 @@
 
 <script>
 export default {
-  name: "noticeMessage",
-  props: ["notice"],
+  name: 'noticeMessage',
+  props: ['notice', 'alert'],
   data() {
     return {
       isDisplayDate: true,
@@ -60,7 +66,11 @@ export default {
       return month + '/' + date + ' ' + hour + ':' + minute + ':' + second
     },
     deleteNotice(noticeKey){
-      this.$store.dispatch('deleteNotice', noticeKey)
+      if (alert) {
+        this.$store.dispatch('deleteNotice', noticeKey)
+      } else {
+        this.$store.dispatch('deleteNotRemind', noticeKey)
+      }
     },
     jump(notice) {
       this.$bus.$emit('toggleNotice')
@@ -77,13 +87,12 @@ export default {
       }
       this.$store.commit('plugin/setSrc', this.jumpToUrl)
       this.$router.push({name:'plugin-view', params:{name:this.jumpToName, query:'event_id='+this.notice.id}})
-      // this.$store.dispatch("createIssue", notice)
-      this.$store.dispatch('deleteNotice', notice.key)
+      this.deleteNotice(notice.key)
     },
-    changeNoticeStatusToFalse(notice) {
+    changeNoticeStatus(notice) {
       this.$store.dispatch('updateNoticeStatus', {
-        key:notice.key,
-        status:false
+        key: notice.key,
+        status: !this.alert
       })
     }
   }
diff --git a/lyrebird/version.py b/lyrebird/version.py
index fd33635c0..385f8cefe 100644
--- a/lyrebird/version.py
+++ b/lyrebird/version.py
@@ -1,3 +1,3 @@
-IVERSION = (2, 0, 0)
+IVERSION = (2, 0, 1)
 VERSION = ".".join(str(i) for i in IVERSION)
 LYREBIRD = "Lyrebird " + VERSION