diff --git a/www/settings/app-settings.less b/www/settings/app-settings.less
index 98fe4f2ef..2ed1e4aaf 100644
--- a/www/settings/app-settings.less
+++ b/www/settings/app-settings.less
@@ -65,6 +65,18 @@
     }
 
     #cp-sidebarlayout-container {
+        #cp-sidebarlayout-leftside {
+            .cp-sidebarlayout-category {
+                white-space: nowrap;
+                svg {
+                    flex: 0 0 auto;
+                }
+                .cp-sidebarlayout-category-name {
+                    overflow: hidden;
+                    text-overflow: ellipsis;
+                }
+            }
+        }
         #cp-sidebarlayout-rightside {
             input, button, span[tabindex="0"] {
                 &:focus-visible {
diff --git a/www/settings/inner.js b/www/settings/inner.js
index 4b412600d..6429fa382 100644
--- a/www/settings/inner.js
+++ b/www/settings/inner.js
@@ -2072,7 +2072,7 @@ define([
                 'data-category': key
             }, [
                 icon,
-                name,
+                h('span.cp-sidebarlayout-category-name', name),
             ])).appendTo($categories);