diff --git a/packages/theme/styles/components.scss b/packages/theme/styles/components.scss
index 405d0d7545..21055c9431 100644
--- a/packages/theme/styles/components.scss
+++ b/packages/theme/styles/components.scss
@@ -386,9 +386,28 @@
         text-transform: uppercase;
       }
 
+      .hulyAccordionItem-header__chevron {
+        background-color: var(--global-ui-BackgroundColor);
+        border: 1px solid var(--global-subtle-ui-BorderColor);
+      }
+
+      &:hover {
+        .hulyAccordionItem-header__label {
+          color: var(--global-primary-TextColor);
+        }
+      }
+
       &:active,
       &.default.isOpen,
       &.selected {
+        &:hover {
+          .hulyAccordionItem-header__label-wrapper {
+            background-color: var(--global-ui-hover-BackgroundColor);
+          }
+          .hulyAccordionItem-header__label {
+            color: var(--global-primary-TextColor);
+          }
+        }
         .hulyAccordionItem-header__label-wrapper {
           background-color: var(--global-ui-BackgroundColor);
         }
@@ -402,7 +421,6 @@
         .hulyAccordionItem-header__label-wrapper {
           background-color: var(--global-ui-hover-BackgroundColor);
         }
-        .hulyAccordionItem-header__label,
         .hulyAccordionItem-header__counter {
           color: var(--global-primary-TextColor);
         }
@@ -424,10 +442,10 @@
         }
       }
       &.nested {
-        padding-left: var(--spacing-5);
+        padding-left: var(--spacing-2);
         
         & + .hulyAccordionItem-content {
-          margin-left: var(--spacing-5);
+          margin-left: var(--spacing-2);
           margin-right: var(--spacing-2);
         }
       }
@@ -439,8 +457,8 @@
       }
     }
     &.large {
-      padding: var(--spacing-2) var(--spacing-1_5);
-      min-height: var(--global-max-Size);
+      padding: var(--spacing-2) var(--spacing-1_5) var(--spacing-1) var(--spacing-2);
+      min-height: var(--global-extra-large-Size);
       
       .hulyAccordionItem-header__label-wrapper {
         gap: var(--spacing-1);
@@ -489,9 +507,6 @@
         padding-bottom: var(--spacing-2);
       }
       &.large {
-        padding: var(--spacing-2) var(--spacing-1_5) var(--spacing-1);
-        min-height: var(--global-extra-large-Size);
-
         .hulyAccordionItem-header__chevron > * {
           transform: rotate(90deg);
         }