diff --git a/components/BottomNav.module.css b/components/BottomNav.module.css
index 8a0bce9..65f356b 100644
--- a/components/BottomNav.module.css
+++ b/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);
diff --git a/components/BottomNav.tsx b/components/BottomNav.tsx
index f31b9a0..6475aef 100644
--- a/components/BottomNav.tsx
+++ b/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}