diff --git a/themes/arya/_extensions.scss b/themes/arya/_extensions.scss
index 5282f61..78f0d0f 100644
--- a/themes/arya/_extensions.scss
+++ b/themes/arya/_extensions.scss
@@ -1,4 +1,32 @@
 @layer primereact {
+    .p-accordion {
+        .p-accordion-header {
+            .p-accordion-header-link {
+                transition: background-color $transitionDuration, border-color $transitionDuration, box-shadow $transitionDuration;
+            }
+        }
+    }
+
+    .p-tabview {
+        .p-tabview-nav {
+            li {
+                .p-tabview-nav-link {
+                    transition: background-color $transitionDuration, border-color $transitionDuration, box-shadow $transitionDuration;
+                }
+            }
+
+            .p-tabview-ink-bar {
+                z-index: 1;
+                display: block;
+                position: absolute;
+                bottom: 0;
+                height: 2px;
+                background-color: $primaryColor;
+                transition: 500ms cubic-bezier(0.35, 0, 0.25, 1);
+            }
+        }
+    }
+  
     .p-carousel {
         .p-carousel-indicators .p-carousel-indicator.p-highlight button {
             background-color: $primaryColor;