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">