From 346d4efc34d231f741c96af010e984ae8f2c140c Mon Sep 17 00:00:00 2001
From: Camila Sosa Morales <camisosa@fleek.xyz>
Date: Wed, 10 May 2023 19:22:48 -0300
Subject: [PATCH] fix: fix card header (#257)

---
 ui/src/components/card/card.tsx | 8 --------
 ui/src/utils/color.ts           | 3 +--
 2 files changed, 1 insertion(+), 10 deletions(-)

diff --git a/ui/src/components/card/card.tsx b/ui/src/components/card/card.tsx
index 1f3f11f1..8a1a6e17 100644
--- a/ui/src/components/card/card.tsx
+++ b/ui/src/components/card/card.tsx
@@ -15,14 +15,6 @@ export abstract class Card {
   );
 
   static readonly Header = CardStyles.Header;
-    ({ children, ...props }, ref) => {
-      return (
-        <CardStyles.Header ref={ref} {...props}>
-          {children}
-        </CardStyles.Header>
-      );
-    }
-  );
 
   static readonly Body = forwardRef<HTMLDivElement, Card.BodyProps>(
     ({ children, ...props }, ref) => {
diff --git a/ui/src/utils/color.ts b/ui/src/utils/color.ts
index 4422f616..a391255f 100644
--- a/ui/src/utils/color.ts
+++ b/ui/src/utils/color.ts
@@ -10,6 +10,5 @@ export const parseColorToNumber = (color: string): number => {
  * Converts string number to hex color string.
  */
 export const parseNumberToHexColor = (color: number): string => {
-  const hexColor = color.toString(16);
-  return hexColor;
+  return `${`000000${color.toString(16)}`.slice(-6)}`;
 };