diff --git a/src/app/campaigns/components/draft-campaign-presentation/draft-campaign-presentation.component.css b/src/app/campaigns/components/draft-campaign-presentation/draft-campaign-presentation.component.css
index e725db6fd..c0020f4f4 100755
--- a/src/app/campaigns/components/draft-campaign-presentation/draft-campaign-presentation.component.css
+++ b/src/app/campaigns/components/draft-campaign-presentation/draft-campaign-presentation.component.css
@@ -216,6 +216,7 @@
 }
 
 @media (max-width: 575.98px) {
+
     .pt-3-mobile {
         padding-top: 1rem !important;
     }
@@ -227,6 +228,15 @@
     width: 100% !important;
 }
 
+.modal-body.modal-custom{
+ margin-top: 0 !important; 
+ margin-bottom: 3em !important;  
+}
+
+.btn-close{
+    z-index: 2;
+}
+
 .btn-zoom1 {
     top: 70px;
     z-index: 1;
diff --git a/src/app/campaigns/components/draft-campaign-presentation/draft-campaign-presentation.component.ts b/src/app/campaigns/components/draft-campaign-presentation/draft-campaign-presentation.component.ts
index eddbace6f..be2f98948 100755
--- a/src/app/campaigns/components/draft-campaign-presentation/draft-campaign-presentation.component.ts
+++ b/src/app/campaigns/components/draft-campaign-presentation/draft-campaign-presentation.component.ts
@@ -78,7 +78,7 @@ export class DraftCampaignPresentationComponent implements OnInit {
       titles: [''],
       title: ['', Validators.required],
       summary: ['', Validators.required],
-      description: [''] // Assuming you have a description field in your formtitle
+      description: [''] // Assuming you have a descriptigit son field in your formtitle
     });
     this.render = rendererFactory.createRenderer(null, null);
     this.form = new UntypedFormGroup({
@@ -102,15 +102,16 @@ closeModal(content: any) {
     this.isGenerating = true;
     this.campaignFacade.generateBriefIA(this.form.get('titles')?.value).subscribe(
       (data:any) => {
-      if(data.message === 'success') {
-        this.ai_result= data.data.choices[0].message.content;
-        const jsonData = JSON.parse(this.ai_result);
+        if(data.message === 'success') {
+          this.ai_result= data.data.choices[0].message.content;
+          const jsonData = JSON.parse(this.ai_result);
         const title = jsonData.title;
         const description = jsonData.description;
         const shortDescription = jsonData.short_description;
+        const rules: string[]= jsonData.rules; 
         this.form.patchValue({ title: title });
         this.form.patchValue({ summary: shortDescription });
-        this.form.patchValue({ description: description });
+        this.form.patchValue({ description: '<p><b>DESCRIPTION: </b></p>'  + description + '<p><b>RULES: </b></p>'  + rules?.map(rule => `- ${rule}`).join('<br>') });
         this.isGenerating = false; 
         this.closeModalAi();
       } else this.isGenerating = false;
diff --git a/src/styles.css b/src/styles.css
index 35b6c985f..2a0eaa689 100755
--- a/src/styles.css
+++ b/src/styles.css
@@ -1109,6 +1109,7 @@ body {
   position: relative;
 }
 
+/* modal par default prise de styles partout dans le code il faut enlever le justify content  */
 .modal-content {
   position: absolute;
   left: 50%;