diff --git a/public/index.html b/public/index.html
index 9f19cd8..7f62409 100644
--- a/public/index.html
+++ b/public/index.html
@@ -11,7 +11,7 @@
     <title>French Republican Calendar (a.k.a. French Revolutionary Calendar)</title>
 </head>
 <body>
-<nav class="navbar navbar-expand-lg navbar-light">
+<nav class="navbar navbar-expand-md navbar-light">
     <div class="container">
         <a class="navbar-brand" href="#">French Republican Calendar</a>
         <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#nav-anchors"
@@ -90,7 +90,7 @@
                     calendar</a>. This was intended to replace the Catholic Church's calendar of saints, as the French
                 Revolution wanted to reduce the influence of the church. Every day of the year has a unique name
                 associated with the rural economy and these names are supposed to correspond with the season.</p>
-            <p>Every <em>quintidi</em>is named after an animal, every <em>décadi</em> is named after an agricultural
+            <p>Every <em>quintidi</em> is named after an animal, every <em>décadi</em> is named after an agricultural
                 tool, and the remaining days are named after various plants or produce. The only exception is the winter
                 month of Nivôse, which has the remaining days named after minerals.</p>
         </div>
diff --git a/src/index.scss b/src/index.scss
index 676b1cd..45cfd98 100644
--- a/src/index.scss
+++ b/src/index.scss
@@ -27,7 +27,8 @@ nav.navbar {
   right: 0;
 
   .container {
-    width: $calendar-width;
+    max-width: $calendar-width;
+    width: 100%;
     margin: 0 auto;
     padding: 0 1em;
   }
@@ -64,7 +65,8 @@ a {
   padding: ($spacer * 4 - $font-size-base) / 2;
 
   .container {
-    width: $calendar-width;
+    width: 100%;
+    max-width: $calendar-width;
     margin: 0 auto;
     padding: 0 1em;
   }
