2 files changed, 10 insertions, 12 deletions

diff --git a/assets/css/components/_card.scss b/assets/css/components/_card.scss
index f8f106d..6c15145 100644
--- a/assets/css/components/_card.scss
+++ b/assets/css/components/_card.scss
@@ -135,7 +135,7 @@
             position:    relative;
             width:       100%;
             height:      2em;
-            padding-top: 46%;
+            padding-top: 50%;
         }
 
         @include iro.bem-elem('thumbnail-img') {
diff --git a/assets/css/components/_hnav.scss b/assets/css/components/_hnav.scss
index 4097373..6eea345 100644
--- a/assets/css/components/_hnav.scss
+++ b/assets/css/components/_hnav.scss
@@ -10,20 +10,18 @@
 
     @include iro.props-store((
         --dims: (
-            --margin-top: fn.global-dim(--size --600),
-            --gap:        2em,
-            --pad-y:      .5em
+            --gap: 1.5em,
+            --margin-top:    fn.global-dim(--paragraph --margin-top),
+            --margin-bottom: fn.global-dim(--size --900),
         )
     ), 'dims');
 
     @include iro.bem-component(iro.props-namespace()) {
-        display:      flex;
-        gap:          fn.dim(--gap);
-        align-items:  baseline;
-        margin-top:   fn.dim(--margin-top);
-        padding:      fn.dim(--pad-y) 0 0;
-        border-width: 1px 0 0;
-        border-style: solid;
-        border-color: fn.color(--border);
+        display:       flex;
+        gap:           fn.dim(--gap);
+        align-items:   baseline;
+        margin:        fn.dim(--margin-top) 0 fn.dim(--margin-bottom);
+        padding-top:   fn.dim(--margin-top);
+        border-top:    1px solid fn.color(--border);
     }
 }