diff --git a/src/app/shared/rss-feed/rss.component.html b/src/app/shared/rss-feed/rss.component.html
index 91140c50c5a..3b16aaf9634 100644
--- a/src/app/shared/rss-feed/rss.component.html
+++ b/src/app/shared/rss-feed/rss.component.html
@@ -1,5 +1,5 @@
 <ng-container *ngIf="(isEnabled$ | async) && (hasRoute('home') || hasRoute('collections') || hasRoute('communities'))">
   <div *ngIf="route$ | async as route" class="d-inline-block float-right margin-right">
-    <a [href]="route" class="btn btn-secondary" [title]="'feed.description' | translate" [attr.aria-label]="'feed.description' | translate"><i class="fas fa-rss-square"></i></a>
+    <a [href]="route" class="btn btn-outline-secondary  " [title]="'feed.description' | translate" [attr.aria-label]="'feed.description' | translate"><i class="fas fa-rss-square"></i></a>
   </div>
 </ng-container>
diff --git a/src/styles/_clarin-styles.scss b/src/styles/_clarin-styles.scss
index 69ced3696d6..270edc194ae 100644
--- a/src/styles/_clarin-styles.scss
+++ b/src/styles/_clarin-styles.scss
@@ -26,7 +26,23 @@
   cursor: pointer;
 }
 
-.btn-danger, .btn-dark, .btn-success, .btn-warning, .btn-info, .btn-primary, .btn-secondary, .btn-outline-secondary, .btn-outline-primary {
+.btn-outline-secondary, .btn-outline-primary {
+  border-color: var(--lt-clarin-purple) !important;
+  color: var(--lt-clarin-purple) !important;
+
+  &:focus {
+    box-shadow: 0 0 0 0.2rem #d5d6e9 !important;
+  }
+
+  &:hover {
+    background-color: #545aa5 !important;
+    border-color: #545aa5 !important;
+    transition: filter 0.3s;
+    color: white !important;
+  }
+}
+
+.btn-danger, .btn-dark, .btn-success, .btn-warning, .btn-info, .btn-primary, .btn-secondary {
   background-color: var(--lt-clarin-purple) !important;
   border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25) !important;
   color: white !important;