diff --git a/src/renderer/components/TimelineSpace/Contents/Cards/Notification/Favourite.vue b/src/renderer/components/TimelineSpace/Contents/Cards/Notification/Favourite.vue
index d0b9e5bb..d104059f 100644
--- a/src/renderer/components/TimelineSpace/Contents/Cards/Notification/Favourite.vue
+++ b/src/renderer/components/TimelineSpace/Contents/Cards/Notification/Favourite.vue
@@ -1,9 +1,9 @@
 <template>
 <div class="status" tabIndex="0">
-  <div v-if="filtered(message)" class="filtered">
+  <div v-show="filtered(message)" class="filtered">
     Filtered
   </div>
-  <div v-else class="favourite">
+  <div v-show="!filtered(message)" class="favourite">
     <div class="action">
       <div class="action-mark">
         <icon name="star" scale="0.7"></icon>
diff --git a/src/renderer/components/TimelineSpace/Contents/Cards/Notification/Reblog.vue b/src/renderer/components/TimelineSpace/Contents/Cards/Notification/Reblog.vue
index d2b34d92..dbca3328 100644
--- a/src/renderer/components/TimelineSpace/Contents/Cards/Notification/Reblog.vue
+++ b/src/renderer/components/TimelineSpace/Contents/Cards/Notification/Reblog.vue
@@ -1,9 +1,9 @@
 <template>
 <div class="status" tabIndex="0">
-  <div v-if="filtered(message)" class="filtered">
+  <div v-show="filtered(message)" class="filtered">
     Filtered
   </div>
-  <div v-else class="reblog">
+  <div v-show="!filtered(message)" class="reblog">
     <div class="action">
       <div class="action-mark">
         <icon name="retweet" scala="0.7"></icon>
diff --git a/src/renderer/components/TimelineSpace/Contents/Cards/Toot.vue b/src/renderer/components/TimelineSpace/Contents/Cards/Toot.vue
index c514159d..71ad31ea 100644
--- a/src/renderer/components/TimelineSpace/Contents/Cards/Toot.vue
+++ b/src/renderer/components/TimelineSpace/Contents/Cards/Toot.vue
@@ -1,9 +1,9 @@
 <template>
 <div class="status" tabIndex="0">
-  <div v-if="filtered(message)" class="filtered">
+  <div v-show="filtered(message)" class="filtered">
     Filtered
   </div>
-  <div v-else class="toot">
+  <div v-show="!filtered(message)" class="toot">
     <div class="icon">
       <img :src="originalMessage(message).account.avatar" @click="openUser(originalMessage(message).account)"/>
     </div>
@@ -44,7 +44,7 @@
         </div>
         <div class="clearfix"></div>
       </div>
-      <div class="reblogger" v-if="message.reblog !== null">
+      <div class="reblogger" v-show="message.reblog !== null">
         <icon name="retweet"></icon>
         <span class="reblogger-icon" @click="openUser(message.account)">
           <img :src="message.account.avatar" />
@@ -81,7 +81,7 @@
               <li role="button" @click="copyLink(originalMessage(message))">
                 Copy Link to Toot
               </li>
-              <li role="button" class="separate" @click="deleteToot(message)" v-if="isMyMessage(message)">
+              <li role="button" class="separate" @click="deleteToot(message)" v-show="isMyMessage(message)">
                 Delete
               </li>
             </ul>
@@ -91,7 +91,7 @@
           </el-button>
         </popper>
       </div>
-      <div class="application" v-if="application(message) !== null">
+      <div class="application" v-show="application(message) !== null">
         via {{ application(message) }}
       </div>
     </div>
diff --git a/src/renderer/components/TimelineSpace/Modals/ImageViewer.vue b/src/renderer/components/TimelineSpace/Modals/ImageViewer.vue
index 0a085ce1..a54b5006 100644
--- a/src/renderer/components/TimelineSpace/Modals/ImageViewer.vue
+++ b/src/renderer/components/TimelineSpace/Modals/ImageViewer.vue
@@ -1,6 +1,6 @@
 <template>
 <transition name="image-viewer">
-  <div id="image" v-if="modalOpen" @click="close">
+  <div id="image" v-show="modalOpen" @click="close">
     <div class="image-wrapper" @keyup.esc.exact="close" tabindex="-1" ref="wrapper">
       <div class="image-header">
         <el-button type="text" icon="el-icon-close" @click="close" class="close-button"></el-button>
diff --git a/src/renderer/components/TimelineSpace/Modals/Media.vue b/src/renderer/components/TimelineSpace/Modals/Media.vue
index f0b94990..4c309759 100644
--- a/src/renderer/components/TimelineSpace/Modals/Media.vue
+++ b/src/renderer/components/TimelineSpace/Modals/Media.vue
@@ -6,7 +6,10 @@
 <script>
 export default {
   props: {
-    src: String
+    src: {
+      type: String,
+      default: ''
+    }
   },
   methods: {
     file_ext () {
diff --git a/src/renderer/components/TimelineSpace/Modals/NewToot.vue b/src/renderer/components/TimelineSpace/Modals/NewToot.vue
index 246ee79f..f7697e49 100644
--- a/src/renderer/components/TimelineSpace/Modals/NewToot.vue
+++ b/src/renderer/components/TimelineSpace/Modals/NewToot.vue
@@ -5,7 +5,7 @@
     width="400px"
     class="new-toot-modal">
     <el-form v-on:submit.prevent="toot">
-      <div class="spoiler" v-if="showContentWarning">
+      <div class="spoiler" v-show="showContentWarning">
         <el-input placeholder="Write your warning here" v-model="spoiler"></el-input>
       </div>
       <div class="status">
@@ -34,10 +34,10 @@
           </el-dropdown-menu>
         </el-dropdown>
       </div>
-      <div class="sensitive" v-if="attachedMedias.length > 0">
+      <div class="sensitive" v-show="attachedMedias.length > 0">
         <el-button size="small" type="text" @click="changeSensitive">
-          <icon name="eye-slash" v-if="sensitive"></icon>
-          <icon name="eye" v-else></icon>
+          <icon name="eye-slash" v-show="sensitive"></icon>
+          <icon name="eye" v-show="!sensitive"></icon>
         </el-button>
       </div>
       <div class="content-warning">