diff --git a/src/_includes/layouts/base.njk b/src/_includes/layouts/base.njk
index 1545c27..b178ceb 100644
--- a/src/_includes/layouts/base.njk
+++ b/src/_includes/layouts/base.njk
@@ -39,7 +39,7 @@ title: sp-codes
 <body>
 <nav class="nav menu border-bottom">
     <div class="toggle">
-        <label for="menu" class="m-0"><span class="i-bars me-2"></span>{{ strings.menu[locale] }}</label>
+        <label for="menu" class="m-0"><span class="i-bars i-fw me-2"></span>{{ strings.menu[locale] }}</label>
 
         <div class="flex-grow-1"></div>
 
@@ -61,7 +61,7 @@ title: sp-codes
         {% if not entry.url.startsWith("https") and entry.url.includes(locale) or entry.locale == locale %}
         <div class="item{% if entry.url == page.url %} active{% endif %}">
             <a href="{{ entry.url | url }}" class="me-4">
-                {% if entry.icon %}<span class="{{ entry.icon }} me-2"></span>{% endif %}{{ entry.title }}
+                {% if entry.icon %}<span class="{{ entry.icon }} i-fw me-2"></span>{% endif %}{{ entry.title }}
             </a>
         </div>
         {% endif %}
diff --git a/src/scss/main.scss b/src/scss/main.scss
index 8879c26..204a893 100644
--- a/src/scss/main.scss
+++ b/src/scss/main.scss
@@ -143,6 +143,14 @@ p {
   }
 }
 
+@include media-breakpoint-up(md) {
+  .nav {
+    .i-fw {
+      width: unset;
+    }
+  }
+}
+
 @include media-breakpoint-down(md) {
   .nav {
     display: block;
@@ -397,15 +405,6 @@ table.table {
   }
 }
 
-//.ossrox {
-//  background-color: #efefef;
-//  border: 2px solid #000;
-//  box-shadow: 0 0 0 2px rgba(255, 255, 255, .7);
-//  padding: 5px;
-//  margin: 5px;
-//  max-width: 250px;
-//}
-
 @media (prefers-color-scheme: light) {
   :root {
     --bs-border-color: #000;
