From 2b2500e728f8c41b5eef8d924b0428261e8e4bd1 Mon Sep 17 00:00:00 2001
From: Cristian Giordano <steel89ita@gmail.com>
Date: Fri, 5 Jul 2024 23:19:26 +0200
Subject: [PATCH] ColorPalette: fixes

---
 src/components/ColorPalette.tsx | 32 +++++++++++++++++---------------
 1 file changed, 17 insertions(+), 15 deletions(-)

diff --git a/src/components/ColorPalette.tsx b/src/components/ColorPalette.tsx
index 3e9158c..4076cc0 100644
--- a/src/components/ColorPalette.tsx
+++ b/src/components/ColorPalette.tsx
@@ -18,21 +18,23 @@ export default function ColorPalette({ colors, rawColors }) {
     }
 
         return (
-            <>
-                {colorArray.map(e =>
-                    <p
-                        style={{
-                        backgroundColor: e.hex,
-                        borderRadius: '20px',
-                        color: '#fff',
-                            padding: '10px',
-                        boxShadow: '0px 2px 10px #20000022'
-                        }}>
-                        <span className="text--bold">{e.name}</span> - {e.hex}
-                        </p>
-                    
-                )}
-            </>
+          <>
+            {colorArray.map((e) => (
+              <div
+                style={{
+                  backgroundColor: e.hex,
+                  borderRadius: "20px",
+                  color: "#fff",
+                  padding: "10px",
+                        margin: "2px",
+                  boxSizing: "content-box",
+                  boxShadow: "0px 2px 10px #20000022",
+                }}
+              >
+                <span className='text--bold'>{e.name}</span> - {e.hex}
+              </div>
+            ))}
+          </>
         )
     
 }
\ No newline at end of file