diff --git a/client/galaxy/scripts/components/HistoryImport.vue b/client/galaxy/scripts/components/HistoryImport.vue
index e40da1c7ab5..d44063bdc42 100644
--- a/client/galaxy/scripts/components/HistoryImport.vue
+++ b/client/galaxy/scripts/components/HistoryImport.vue
@@ -7,7 +7,7 @@
             </div>
         </div>
         <div class="portlet-content">
-            <div v-if="errormessage" class="ui-message alert alert-danger">
+            <div v-if="errormessage" class="ui-message ui-show alert alert-danger">
                 {{ errormessage }}
             </div>
             <div class="portlet-body">
@@ -57,7 +57,7 @@ export default {
 };
 </script>
 <style>
-.ui-message {
+.ui-show {
     display: block;
 }
 </style>
diff --git a/client/galaxy/scripts/components/PluginList.vue b/client/galaxy/scripts/components/PluginList.vue
index 7e4b051231f..29e351e36ca 100644
--- a/client/galaxy/scripts/components/PluginList.vue
+++ b/client/galaxy/scripts/components/PluginList.vue
@@ -1,6 +1,6 @@
 <template>
     <div class="ui-thumbnails">
-        <div v-if="error" class="ui-message alert alert-danger">
+        <div v-if="error" class="ui-message ui-show alert alert-danger">
             {{ error }}
         </div>
         <div v-else class="ui-thumbnails-grid">
@@ -37,7 +37,7 @@
                                     <span class="title">Create Visualization</span>
                                 </button>
                             </div>
-                            <div v-else class="ui-message alert alert-danger">
+                            <div v-else class="ui-message ui-show alert alert-danger">
                                 There is no suitable dataset in your current history which can be visualized with this plugin.
                             </div>
                         </td>
@@ -117,7 +117,7 @@ export default {
 };
 </script>
 <style>
-.ui-message {
+.ui-show {
     display: block;
     margin-top: 0px;
 }