diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index 2edc81a..fcf2d56 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -1,5 +1,6 @@
 <script lang="ts">
 	import { setupIonicBase } from 'ionic-svelte';
+	import '@didroom/components/dist/didroom-components/didroom-components.css';
 
 	setupIonicBase();
 
@@ -12,7 +13,7 @@
 	<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=5.0" />
 	<script
 		type="module"
-		src="https://cdn.jsdelivr.net/npm/@didroom/components@latest/dist/didroom-components/didroom-components.esm.js"
+		src="https://cdn.jsdelivr.net/npm/@didroom/components@1.8/dist/didroom-components/didroom-components.esm.js"
 	></script>
 	<link
 		rel="stylesheet"
diff --git a/src/routes/[id]/credential-detail/+page.svelte b/src/routes/[id]/credential-detail/+page.svelte
index d74ffbb..8c59746 100644
--- a/src/routes/[id]/credential-detail/+page.svelte
+++ b/src/routes/[id]/credential-detail/+page.svelte
@@ -17,7 +17,9 @@
 </ion-header>
 <ion-content fullscreen class="ion-padding">
 	<d-credential-card {...credential} expiration-date="2017-01-01" verified="false"> </d-credential-card>
-	<div class="fixed w-full bottom-0 left-0 bg-tab">
-		<d-credential-detail {...credential} description={credential.expand.templates[0].name} href={`/${credential.id}/verify/`} />
+	<div class="bg-tab fixed bottom-0 left-0 w-full">
+		<d-credential-detail {...credential} description={credential.expand.templates[0].name}>
+			<d-button color="accent" href={`/${credential.id}/verify/`}>Generate QR</d-button>
+		</d-credential-detail>
 	</div>
 </ion-content>