diff --git a/src/components/demo.vue b/src/components/demo.vue
index 141d13e..e36d7f8 100644
--- a/src/components/demo.vue
+++ b/src/components/demo.vue
@@ -13,10 +13,10 @@
         <div class="bg-yellow-300 h-4 w-4 r-1 rounded-full"></div>
         <div class="bg-red-600 h-4 w-4 r-1 rounded-full"></div>
       </div>
-      <div class="text-white font-mono p-4 pt-0">
+      <code class="text-white font-mono p-4 pt-0">
         $: pegaz up nextcloud
         <span class="w-2 h-4 bg-white inline-block animate-blink relative" />
-      </div>
+      </code>
     </div>
     <div class="bg-slate-400 flex flex-col items-center rounded-2xl w-full md:w-2/4 md:min-w-fit h-80 md:-ml-8 md:z-0">
       <div class="bg-white inline-block rounded-2xl px-4 py-1 m-4 w-4/6">
diff --git a/tailwind.config.cjs b/tailwind.config.cjs
index 6518d03..0914102 100644
--- a/tailwind.config.cjs
+++ b/tailwind.config.cjs
@@ -24,7 +24,7 @@ module.exports = {
 			animation: {
 				blink: 'blink .6s infinite',
 				slide: 'slide .3s',
-				fadeout: 'fadeout .6s',
+				fadeout: 'fadeout .8s',
 			},
 		},
 	},