diff --git a/src/views/creators/CreatorAbout.vue b/src/views/creators/CreatorAbout.vue
index 4b8072d..a33dbce 100644
--- a/src/views/creators/CreatorAbout.vue
+++ b/src/views/creators/CreatorAbout.vue
@@ -10,22 +10,32 @@
     </button>
 
     <v-dialog v-model="AboutUs" max-width="500px">
-      <v-card>
+      <v-form>
+        <v-card class="text-center rounded-xl"
+                :style="{ 
+                border: `3px solid ${creator.colors.menu}` 
+              }">
 
-        <v-card-title>
-          {{ creator.about.title }}
-        </v-card-title>
+          <div class="flex items-center justify-between py-4 text-2xl font-bold border-b mb-2">
+            <div class="flex-1 text-center">
+              {{ creator.about.title }}
+            </div>
 
-        <v-card-text class="scrollable-content">
-          {{ creator.about.description }}
-        </v-card-text>
+            <v-btn icon @click="cancelPost" class="ml-auto mr-2" variant="text">
+              <v-icon>mdi-close</v-icon>
+            </v-btn>
+          </div>
 
-        <v-card-actions>
-          <v-spacer></v-spacer>
-          <v-btn text class="ml-auto" @click="AboutUs = false">Fermer</v-btn>
-        </v-card-actions>
+          <v-card-text class="scrollable-content">
+            {{ creator.about.description }}
+          </v-card-text>
 
-      </v-card>
+          <div class="p-4">
+            <v-btn variant="outlined" text class=" w-full" @click="AboutUs = false" :style="{ borderColor: creator.colors.menu, color: creator.colors.menu }">Fermer</v-btn>
+          </div>
+
+        </v-card>
+      </v-form>
     </v-dialog>
 
   </div>