Make sure, that the scrollbar is not overlapping with the year numbers

Author: xam-ps

resources/views/components/year-nav.blade.php

@@ -1,6 +1,6 @@
 @props(['year', 'years', 'location'])
 
-<div id="year_nav" class="font-semibold text-xl text-gray-800 dark:text-gray-200 leading-tight">
+<div id="year_nav" class="font-semibold text-xl text-gray-800 dark:text-gray-200 leading-tight py-3 md:py-4">
     <ul>
         @foreach ($years as $yearN)
         <li><a @class(['active'=> $year == $yearN]) href="{{ route($location.'.year', ['year' => $yearN])

resources/views/layouts/app.blade.php

@@ -25,7 +25,7 @@
         <!-- Page Heading -->
         @if (isset($header))
         <header class="bg-white dark:bg-gray-800 shadow print:hidden">
-            <div class="max-w-7xl mx-auto py-5 px-4 sm:px-6 lg:px-8">
+            <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
                 {{ $header }}
             </div>
         </header>