diff --git a/i18n/english.js b/i18n/english.js
index 4d6ed77c..95ecfcf0 100644
--- a/i18n/english.js
+++ b/i18n/english.js
@@ -165,7 +165,9 @@ const ui = {
       save: "save",
       defaultPannel: "Default Package Menu",
       warnings: "SAST Warnings to ignore",
-      flags: "Flags (emojis) to ignore"
+      flags: "Flags (emojis) to ignore",
+      network: "Network",
+      showFriendly: "Show friendly dependencies"
     },
     shortcuts: {
       title: "Shortcuts",
diff --git a/i18n/french.js b/i18n/french.js
index ed0c77fb..e1fbf517 100644
--- a/i18n/french.js
+++ b/i18n/french.js
@@ -165,7 +165,9 @@ const ui = {
       save: "sauvegarder",
       defaultPannel: "Panneau par défaut",
       warnings: "Avertissements à ignorer",
-      flags: "Drapeau (emojis) à ignorer"
+      flags: "Drapeau (emojis) à ignorer",
+      network: "Réseau",
+      showFriendly: "Afficher les dépendances amicales"
     },
     shortcuts: {
       title: "Raccourcis",
diff --git a/public/components/package/header/header.js b/public/components/package/header/header.js
index 87c3c1c3..2a032e5b 100644
--- a/public/components/package/header/header.js
+++ b/public/components/package/header/header.js
@@ -22,7 +22,7 @@ export class PackageHeader {
     const {
       name: packageName,
       version: packageVersion,
-      description: packageDescription,
+      description: packageDescription = "",
       licenses,
       repository,
       flags
diff --git a/public/components/views/settings/settings.css b/public/components/views/settings/settings.css
index 9585cc5e..faec7cb8 100644
--- a/public/components/views/settings/settings.css
+++ b/public/components/views/settings/settings.css
@@ -109,6 +109,14 @@
   margin-left: 10px;
 }
 
+#settings--view>form .line select {
+  margin-left: 10px;
+}
+
+#settings--view>form .line input[type="checkbox"] {
+  margin-left: 0;
+}
+
 #settings--view>form .line>div+div {
   margin-top: 5px;
 }
@@ -159,3 +167,10 @@ select {
   color: #0c5a9b;
 }
 
+.settings-line-title {
+  font-size: 15px;
+  color: #4a5e68;
+  letter-spacing: 0.5px;
+  margin: 30px 0 6px;
+  font-weight: bold;
+}
diff --git a/views/index.html b/views/index.html
index 25eb6a7f..3f11668b 100644
--- a/views/index.html
+++ b/views/index.html
@@ -173,6 +173,11 @@ <h1><i class="icon-cog"></i>[[=z.token('settings.general.title')]]</h1>
             <option value="vulnerabilities">[[=z.token('package_info.navigation.vulnerabilities')]]</option>
             <option value="licenses" selected>[[=z.token('package_info.navigation.licenses')]]</option>
           </select>
+          <p class="settings-line-title">[[=z.token('settings.general.network')]]:</p>
+          <div>
+            <input type="checkbox" id="show-friendly" name="show-friendly"/>
+            <label for="show-friendly">[[=z.token('settings.general.showFriendly')]]</label>
+          </div>
         </div>
         <div class="line">
           <p>[[=z.token('settings.general.warnings')]]:</p>
@@ -256,13 +261,6 @@ <h1><i class="icon-cog"></i>[[=z.token('settings.general.title')]]</h1>
             <label for="flags">🎭 isDuplicate</label>
           </div>
         </div>
-
-        <hr>
-
-        <div>
-          <input type="checkbox" id="show-friendly" name="show-friendly"/>
-          <label for="show-friendly">Show friendly dependencies</label>
-        </div>
       </form>
       <button class="save">[[=z.token('settings.general.save')]]</button>
       <div class="line">