diff --git a/client/src/components/Toolshed/InstalledList/Details.vue b/client/src/components/Toolshed/InstalledList/Details.vue
index 1dc166b64756..6be8e38dbf85 100644
--- a/client/src/components/Toolshed/InstalledList/Details.vue
+++ b/client/src/components/Toolshed/InstalledList/Details.vue
@@ -3,9 +3,9 @@
         <div v-if="error" class="alert alert-danger" show>{{ error }}</div>
         <div v-else>
             <span v-if="loading">
-                <b-card>
+                <BCard>
                     <LoadingSpan message="Loading installed repository details" />
-                </b-card>
+                </BCard>
             </span>
             <div v-else>
                 <RepositoryDetails :repo="toolshedRepository" :toolshed-url="repo.tool_shed_url" />
@@ -14,6 +14,7 @@
     </div>
 </template>
 <script>
+import { BCard } from "bootstrap-vue";
 import LoadingSpan from "components/LoadingSpan";
 import { getAppRoot } from "onload/loadConfig";
 
@@ -23,6 +24,7 @@ import RepositoryDetails from "../RepositoryDetails/Index.vue";
 
 export default {
     components: {
+        BCard,
         LoadingSpan,
         RepositoryDetails,
     },