Merge pull request #1174 from ARYANSHAH1567/aryanshah/add_border

Add border for custom Catalog cards

Author: leecalcote

src/custom/CustomCatalog/style.tsx

@@ -101,19 +101,19 @@ export const DesignCard = styled('div')<DesignCardProps>(
   })
 );
 
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
 export const DesignInnerCard = styled('div')<DesignCardDivProps>(({ shouldFlip, isDetailed }) => ({
   position: 'relative',
   width: '100%',
   height: '100%',
   textAlign: 'center',
   transition: 'transform 0.6s',
+  boxShadow: '0 4px 8px 0 rgba(0, 0, 0, 0.2)',
+  border: '1px solid rgba(0, 0, 0, 0.12)',
+  borderRadius: '0.9375rem',
   ...(shouldFlip && {
     transformOrigin: '50% 50%',
     transformStyle: 'preserve-3d'
-  }),
-  ...(isDetailed && {
-    boxShadow: '0 4px 8px 0 rgba(0,0,0,0.2)',
-    borderRadius: '0.9375rem'
   })
 }));