fix: styles

src/assets/styles/base/index.css

@@ -427,7 +427,7 @@ td:first-of-type,
 .default-wrapper {
   padding-top: var(--spacing-2xl);
 
-  & > h2:first-child {
+  & h2:first-of-type {
     margin-top: 0;
   }
 }

src/assets/styles/components/menu.css

@@ -18,6 +18,8 @@ menu {
 
       & a,
       & .active {
+        display: flex;
+        align-items: center;
         justify-content: center;
         width: 100%;
         height: 100%;
@@ -71,11 +73,16 @@ menu {
     }
 
     &:checked ~ .menu-primary li {
-      border-bottom: var(--border-gray);
       height: calc(var(--sizing-3xl) * 1.5);
 
+      @media (max-width: 767px) {
+        border-bottom: var(--border-gray);
+      }
+
       &:first-child {
-        border-top: var(--border-gray);
+        @media (max-width: 767px) {
+          border-top: var(--border-gray);
+        }
       }
     }
   }
@@ -99,10 +106,14 @@ menu {
       left: unset;
       width: auto;
 
-      &  > li {
-        padding: 0;
+      & > li {
         background: none;
 
+        & a {
+          width: var(--sizing-svg-base);
+          height: var(--sizing-svg-base);
+        }
+
         :is(.icon, .active) > svg {
           display: block;
         }

src/assets/styles/pages/about.css

@@ -19,5 +19,6 @@
 }
 
 .about-title {
+  margin: var(--margin-vertical-base-horizontal-zero);
   text-align: center;
 }