diff --git a/src/app/card/card.page.html b/src/app/card/card.page.html
index 5bf9b7b..266d2fc 100644
--- a/src/app/card/card.page.html
+++ b/src/app/card/card.page.html
@@ -58,7 +58,7 @@ <h1>{{ cardData.name }}</h1>
                 <ion-item>
                   <ion-label text-wrap>
                     @for(tag of cardData.tags; track tag) {
-                    <ion-chip color="primary" (click)="searchTag(tag)">{{ tag }}</ion-chip>
+                    <ion-chip color="secondary" (click)="searchTag(tag)">{{ tag }}</ion-chip>
                     }
                   </ion-label>
                 </ion-item>
diff --git a/src/app/syntax/syntax.page.html b/src/app/syntax/syntax.page.html
index 33c773d..17a9257 100644
--- a/src/app/syntax/syntax.page.html
+++ b/src/app/syntax/syntax.page.html
@@ -16,7 +16,7 @@ <h5>{{ 'Common.AppName' | translate }} {{ 'Pages.SyntaxHelp.Subheader' | transla
       <ion-row>
         @for(operator of allOperators; track $index) {
         <ion-col [sizeXs]="12" [sizeMd]="3">
-          <ion-button shape="round" expand="full" fill="outline" (click)="navigateTo(operator.id)">
+          <ion-button shape="round" expand="full" fill="outline" color="secondary" (click)="navigateTo(operator.id)">
             <ion-icon [name]="operator.icon" slot="start"></ion-icon>
             {{ 'Pages.SyntaxHelp.Operators.' + operator.name + '.Name' | translate }}
           </ion-button>