From 08df14bfab7564d8e4be80945bdd361490fb1ddf Mon Sep 17 00:00:00 2001
From: PascalMarchesseault
 <97350299+PascalMarchesseault@users.noreply.github.com>
Date: Sun, 6 Oct 2024 23:38:38 -0400
Subject: [PATCH] Fixe - ColorPicker

---
 src/views/profile/creators/ColorsPicker.vue | 16 +++++++++++-----
 1 file changed, 11 insertions(+), 5 deletions(-)

diff --git a/src/views/profile/creators/ColorsPicker.vue b/src/views/profile/creators/ColorsPicker.vue
index 65397d9..7c859fb 100644
--- a/src/views/profile/creators/ColorsPicker.vue
+++ b/src/views/profile/creators/ColorsPicker.vue
@@ -212,12 +212,18 @@ const cancel = () => {
       </div>
     </div>
 
-    <div class=" flex flex-row flex-grow">
-      <span>TEXT</span>
-      <v-color-picker v-model="selectedTextColor"></v-color-picker>
-      <span>Background</span>
-      <v-color-picker v-model="selectedBackgroundColor"></v-color-picker>
+    <div class="flex row justify-center space-x-12 mx-auto">
+      <div class="flex flex-col items-center">
+        <span class="mb-2 font-weight-bold">Text</span>
+        <v-color-picker v-model="selectedTextColor"></v-color-picker>
+      </div>
+
+      <div class="flex flex-col items-center">
+        <span class="mb-2 font-weight-bold">Background</span>
+        <v-color-picker v-model="selectedBackgroundColor"></v-color-picker>
+      </div>
     </div>
+
   </div>
 
   <div class="flex justify-end space-x-4 mt-4">