diff --git a/applications/Unity.GrantManager/src/Unity.GrantManager.Web/Pages/GrantApplications/Details-shadow-dom.css b/applications/Unity.GrantManager/src/Unity.GrantManager.Web/Pages/GrantApplications/Details-shadow-dom.css
index 66bd09970..5bdb92b8e 100644
--- a/applications/Unity.GrantManager/src/Unity.GrantManager.Web/Pages/GrantApplications/Details-shadow-dom.css
+++ b/applications/Unity.GrantManager/src/Unity.GrantManager.Web/Pages/GrantApplications/Details-shadow-dom.css
@@ -5,14 +5,18 @@
  */
 
 /* ===== Card Accordion Styling ===== */
-.card-header {
-    padding-bottom: 1.5rem !important;
-}
 
 .card-title {
     font-weight: 600 !important;
 }
 
+/* Outer accordion headers: compact padding + flex for vertical centering */
+.card-header:not(.card-body .card-header) {
+    display: flex !important;
+    align-items: center !important;
+    padding: 0.75rem 1.25rem !important;
+}
+
 /* Accordion arrow icon (collapsed state) */
 .card-header:not(.card-body .card-header)::before {
     content: ' ';
@@ -21,22 +25,26 @@
     border-right: 1px solid #313132;
     height: 10px;
     width: 10px;
+    flex-shrink: 0;
+    order: 1;
+    margin-left: auto;
     transform: rotate(45deg);
-    float: right !important;
-    transition: all 0.5s !important;
+    transition: transform 0.5s !important;
 }
 
 /* Accordion arrow icon (expanded state) */
 .card-header:not(.card-body .card-header).custom-active::before {
-    content: ' ';
-    display: block;
-    border-bottom: 1px solid #313132;
-    border-right: 1px solid #313132;
-    height: 10px;
-    width: 10px;
     transform: rotate(-135deg);
-    float: right !important;
-    transition: all 0.5s !important;
+}
+
+/* White arrow on dark background card headers */
+.card-header.bg-primary:not(.card-body .card-header)::before,
+.card-header.bg-success:not(.card-body .card-header)::before,
+.card-header.bg-info:not(.card-body .card-header)::before,
+.card-header.bg-warning:not(.card-body .card-header)::before,
+.card-header.bg-danger:not(.card-body .card-header)::before {
+    border-bottom-color: white;
+    border-right-color: white;
 }
 
 /* Accordion body animation */
@@ -47,7 +55,6 @@
 
 .card-header.bg-default {
     background-color: white !important;
-    margin-top: 1.2rem;
 }
 
 /* ===== Form.io Component Styling ===== */