style: Define max-width to the HighlightCard

open-sauced · Jul 13, 2022 · e23d670 · e23d670
1 parent e851d03
commit e23d670
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/components/molecules/HighlightCard/highlight-card.tsx b/components/molecules/HighlightCard/highlight-card.tsx
@@ -35,9 +35,9 @@ const icons = {
 
 const HighlightCard: React.FC<HighlightCardProps> = ({ label, color, icon, metric }) => {
   return (
-    <div className="flex flex-col bg-white border border-slate-300 rounded-lg h-32">
+    <div className="flex flex-col bg-white border border-slate-300 rounded-lg max-w-md h-auto p-2">
       {/* Top Information */}
-      <div className="flex justify-space-between">
+      <div className="flex justify-between w-full p-2">
         {/* Label */}
         <div></div>