Fix horizontal scrolling for category nav

src/components/CategoryNav.css

@@ -1,5 +1,6 @@
 .category-nav {
+  width: 100%;
   box-shadow: inset 0px -1px 0px var(--border-muted);
   white-space: nowrap;
-  overflow: hidden;
+  overflow-x: scroll;
 }

src/layouts/Layout.astro

@@ -104,6 +104,8 @@ const { site, title, tagline } = Astro.props;
   body {
     margin: 0;
     padding: 0;
+		width: 100%;
+		overflow-x: hidden; 
   }
   main,
   .container {