diff --git a/src/app/components/shared/_dialogs/topic-cloud-administration/topic-cloud-administration.component.html b/src/app/components/shared/_dialogs/topic-cloud-administration/topic-cloud-administration.component.html
index 89317e3272701e4d724400946b1bb929c77c39ce..b5c37e048819e5fe3c8f59ab25ef712db83d664c 100644
--- a/src/app/components/shared/_dialogs/topic-cloud-administration/topic-cloud-administration.component.html
+++ b/src/app/components/shared/_dialogs/topic-cloud-administration/topic-cloud-administration.component.html
@@ -147,8 +147,8 @@
           (click)="openConfirmDialog(keyword)">
           <mat-icon class="red">delete</mat-icon>
         </button>
-        <button class="margin-right" mat-icon-button style="align-self:flex-end;"
-                (click)="keywordtoSpacy(keyword.keyword,model.value.toString())">send to spacy
+        <button class="margin-right" id="send_to_spacy"
+                (click)="keywordtoSpacy(keyword.keyword,model.value.toString())">send Keyword to spacy
         </button>
       </div>
 
@@ -167,20 +167,17 @@
         </div>
       </div>
     </mat-expansion-panel>
+    <section>
+      <mat-card>
+        <li *ngFor="let translate of this.output" class="color12"> {{this.translate.tag}}      : "   {{translate.text}} " <br> </li>
+      </mat-card>
+    </section>
+
   </mat-accordion>
   <mat-divider></mat-divider>
   <mat-accordion>
 
 
-
-
-  <section>
-    <mat-card>
-      <li *ngFor="let translate of this.output" class="color12"> {{this.translate.tag}}      : "   {{translate.text}} " <br> </li>
-    </mat-card>
-  </section>
-
-
   </mat-accordion>
 
 </mat-dialog-content>
diff --git a/src/app/components/shared/_dialogs/topic-cloud-administration/topic-cloud-administration.component.scss b/src/app/components/shared/_dialogs/topic-cloud-administration/topic-cloud-administration.component.scss
index 5ee5790f3d871842ce567596ce0e80809a11859b..f8dbe87ca624343dbcf9a230038e4cd71a7921c3 100644
--- a/src/app/components/shared/_dialogs/topic-cloud-administration/topic-cloud-administration.component.scss
+++ b/src/app/components/shared/_dialogs/topic-cloud-administration/topic-cloud-administration.component.scss
@@ -31,7 +31,6 @@
 mat-panel-description, mat-panel-title, p, input {
   color: var(--on-background);
 }
-
 mat-icon {
   fill: currentColor;
 }
@@ -48,6 +47,12 @@ mat-expansion-panel-header, mat-expansion-panel, mat-card {
 .resCount{
   color: var(--red) !important;
   font-weight: bold;
+
+}
+#send_to_spacy{
+  color: khaki;
+  background-color: blueviolet;
+  opacity: 0.3;
 }
 
 label {
diff --git a/src/app/components/shared/_dialogs/topic-cloud-administration/topic-cloud-administration.component.ts b/src/app/components/shared/_dialogs/topic-cloud-administration/topic-cloud-administration.component.ts
index d43f24de97c7649adc1c1c9262f343042a4d2a76..ca9d02ce61f908f32104c23c811ff9057b3ab803 100644
--- a/src/app/components/shared/_dialogs/topic-cloud-administration/topic-cloud-administration.component.ts
+++ b/src/app/components/shared/_dialogs/topic-cloud-administration/topic-cloud-administration.component.ts
@@ -34,6 +34,7 @@ export class TopicCloudAdministrationComponent implements OnInit {
   filteredKeywords: Keyword[] = [];
   model=new FormControl('');
   output: any | undefined;
+  newOutput: [];
 
   keywords: Keyword[] = [
     {
@@ -249,7 +250,7 @@ export class TopicCloudAdministrationComponent implements OnInit {
     }
     return undefined;
   }
-  
+
   keywordtoSpacy(text: string,model: string) {
     for (const keyword of this.keywords) {
       if (keyword.keyword===text) {
@@ -289,7 +290,7 @@ export class TopicCloudAdministrationComponent implements OnInit {
     for (let i = 0; i < this.keywordsWithProfanity.length; i++){
       // TODO: filter also keywords
       for (let j = 0; j < this.keywordsWithProfanity[i].questions.length; j++){
-        this.keywordsWithProfanity[i].questions[j] = 
+        this.keywordsWithProfanity[i].questions[j] =
         this.topicCloudAdminService.filterProfanityWords(this.keywords[i].questions[j]);
       }
     }