diff --git a/src/lib/components/AdventureCard.svelte b/src/lib/components/AdventureCard.svelte
index 4fbb739c..816cd2e3 100644
--- a/src/lib/components/AdventureCard.svelte
+++ b/src/lib/components/AdventureCard.svelte
@@ -38,7 +38,7 @@
 </script>
 
 <div
-  class="card min-w-max lg:w-96 md:w-80 sm:w-60 xs:w-40 bg-primary-content shadow-xl overflow-hidden text-base-content"
+  class="card w-full max-w-xs sm:max-w-sm md:max-w-md lg:max-w-md xl:max-w-md bg-primary-content shadow-xl overflow-hidden text-base-content"
 >
   <figure>
     <!-- svelte-ignore a11y-img-redundant-alt -->
@@ -51,7 +51,7 @@
   </figure>
 
   <div class="card-body">
-    <h2 class="card-title break-words max-w-11 text-wrap">
+    <h2 class="card-title break-words text-wrap">
       {adventure.name}
     </h2>
     {#if adventure.location && adventure.location !== ""}