fix width of sidebar icons

hugo.toml

@@ -40,31 +40,31 @@ path = "github.com/gohugoio/hugo-mod-bootstrap-scss/v5"
   name = "Home"
   url = "/"
   weight = 10
-  pre = "fa-solid fa-house"
+  pre = "fa-house"
 
 [[menu.main]]
   name = "Categories"
   url = "/categories/"
   weight = 20
-  pre = "fa-solid fa-stream"
+  pre = "fa-stream"
 
 [[menu.main]]
   name = "Tags"
   url = "/tags/"
   weight = 30
-  pre = "fa-solid fa-tags"
+  pre = "fa-tags"
 
 [[menu.main]]
   name = "Archives"
   url = "/archives/"
   weight = 40
-  pre = "fa-solid fa-archive"
+  pre = "fa-archive"
 
 [[menu.main]]
   name = "About"
   url = "/about/"
   weight = 50
-  pre = "fa-solid fa-info-circle"
+  pre = "fa-info-circle"
 
 [params]
   theme_version = "5.2.0"

layouts/partials/sidebar.html

@@ -24,7 +24,7 @@
         {{ range .Site.Menus.main }}
           <li class="nav-item{{ if eq .URL $.RelPermalink }} active{{ end }}">
             <a href="{{ .URL | relURL }}" class="nav-link">
-              <i class="{{ .Pre }}"></i>
+              <i class="fa-fw fas {{ .Pre }}"></i>
               <span>{{ (i18n (printf "tabs.%s" .Identifier) | default .Name) | upper }}</span>
             </a>
           </li>