Right align left link

components/BottomNav.module.css

@@ -10,6 +10,10 @@
   display: inline-block;
 }
 
+.leftItem {
+  text-align: right;
+}
+
 .item {
   color: var(--primary-text);
   font-size: calc(28rem / 16);

components/BottomNav.tsx

@@ -31,7 +31,9 @@ export function BottomNav(props: PagesInfo) {
             </a>
           </Link>
           <Link href={props.leftPage.url}>
-            <a className={styles.item}>{props.leftPage.name}</a>
+            <a className={styles.item + " " + styles.leftItem}>
+              {props.leftPage.name}
+            </a>
           </Link>
         </div>
       ) : null}