From cb100346d8ecea234c4d4ed2b99024142ae4de02 Mon Sep 17 00:00:00 2001
From: Andrew James <ephphatha@thelettereph.com>
Date: Mon, 19 May 2025 08:20:36 +0000
Subject: [PATCH] remove duplicated css classes

---
 packages/react/components/Collection/index.mjs | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/packages/react/components/Collection/index.mjs b/packages/react/components/Collection/index.mjs
index c4f3731196c..ae9be8d5329 100644
--- a/packages/react/components/Collection/index.mjs
+++ b/packages/react/components/Collection/index.mjs
@@ -289,12 +289,12 @@ const DesignCard = ({ name, lineDrawing = false, linkTo, Link, onClick }) => {
 
   const inner = (
     <div
-      className={`tw:flex tw:flex-col tw:flex-nowrap tw:items-start tw:justify-between tw:gap-2 tw:border-neutral-500 tw:group-hover:border-secondary
-      tw:w-full tw:h-full tw:border tw:border-2 tw:border-solid tw:p-0 tw:relative tw:rounded-lg tw:rounded-lg`}
+      className={`tw:flex tw:flex-col tw:flex-nowrap tw:justify-between tw:gap-2 tw:border-neutral-500 tw:group-hover:border-secondary
+      tw:w-full tw:h-full tw:border tw:border-2 tw:border-solid tw:p-0 tw:relative tw:rounded-lg`}
       style={bg}
     >
       <h5
-        className={`tw:text-center tw:py-2 tw:px-4 tw:rounded-t tw:m-0 tw:w-full tw:group-hover:no-underline tw:group-hover:bg-secondary/80 tw:group-hover:text-secondary-content
+        className={`tw:text-center tw:py-2 tw:px-4 tw:rounded-t tw:m-0 tw:group-hover:no-underline tw:group-hover:bg-secondary/80 tw:group-hover:text-secondary-content
       ${lineDrawing ? '' : 'tw:bg-neutral/80'}`}
       >
         <span className={lineDrawing ? 'tw:text-base-100-content' : 'tw:text-neutral-content'}>
@@ -302,14 +302,14 @@ const DesignCard = ({ name, lineDrawing = false, linkTo, Link, onClick }) => {
         </span>
       </h5>
       {lineDrawing ? (
-        <div className="tw:grow tw:w-full tw:h-auto tw:square tw:text-center">
-          <LineDrawing className="tw:w-5/6 tw:m-auto tw:my-0 tw:text-base-content" />
+        <div className="tw:flex-auto tw:flex tw:justify-center">
+          <LineDrawing className="tw:w-5/6 tw:text-base-content" />
         </div>
       ) : (
         <span />
       )}
       <div
-        className={`tw:flex tw:flex-row tw:items-center tw:justify-center tw:py-1 tw:px-2 tw:rounded-b tw:m-0 tw:w-full
+        className={`tw:flex tw:flex-row tw:items-center tw:justify-center tw:py-1 tw:px-2 tw:rounded-b tw:m-0
       ${lineDrawing ? '' : `tw:text-neutral-content`}`}
       >
         <Difficulty score={about[name].difficulty} className="tw:group-hover:text-secondary" />