update

assets/sass/_theme/_configuration.sass

@@ -93,11 +93,13 @@ $header-sticky-enabled: true !default
 $header-transition: 0.3s !default
 $header-sticky-transition: $header-transition !default
 $header-dropdown-transition: $header-transition !default
-$header-height: 61px !default
-$header-height-md: 74px !default
+$header-nav-padding-y: $spacing0 !default
 $header-logo-height: 20px !default
 $header-logo-height-md: $header-logo-height !default
 
+$header-height: $header-logo-height + $header-nav-padding-y !default
+$header-height-md: $header-logo-height-md + $header-nav-padding-y !default
+
 // Navs
 $body-overlay-color: rgba(0, 0, 0, 0.3) !default
 

assets/sass/_theme/_utils.sass

@@ -37,7 +37,7 @@
         &::#{$pseudo}
             transform: translateX(#{px2rem($distance)})
 
-@mixin sticky($top-md: $header-height-md, $top-sm: $header-height)
+@mixin sticky($top-md: get-header-height(md), $top-sm: get-header-height())
     position: sticky
     top: 0
     @if $header-sticky-enabled
@@ -199,4 +199,8 @@
             font-size: px2rem(20) 
             margin-left: px2rem(10)
 
-    
\ No newline at end of file
+@function get-header-height($breakpoint: false)
+    @if $breakpoint == md
+        @return $header-logo-height-md + $header-nav-padding-y
+    @else 
+        @return $header-logo-height + $header-nav-padding-y

assets/sass/_theme/design-system/header.sass

@@ -19,8 +19,8 @@ header[role="banner"]
                     transform: translateY(-100%)
 
     nav[role="navigation"]
-        padding-bottom: $spacing0
-        padding-top: $spacing0
+        padding-bottom: $header-nav-padding-y
+        padding-top: $header-nav-padding-y
         .container
             align-items: center
             display: flex

assets/sass/_theme/design-system/layout.sass

@@ -17,7 +17,7 @@ body
 main
     // Create padding-top for fixed header under md
     @include media-breakpoint-down(md)
-        padding-top: $header-height
+        padding-top: get-header-height(md)
 
 figure
     margin: 0

assets/sass/_theme/sections/programs.sass

@@ -150,7 +150,7 @@ ol.programs
                     grid-column: 6/13
                 > h2
                     $sticky-top-offset: 90px
-                    @include sticky(#{$header-height + $sticky-top-offset})
+                    @include sticky(#{get-header-height(md)} + #{$sticky-top-offset})
                     top: $sticky-top-offset
                     align-self: start
                     grid-column: 1/5