Improve wrapping of text in sidebar

frontend/src/Components/Page/Sidebar/PageSidebarItem.css

@@ -24,6 +24,7 @@
   composes: link;
 
   padding: 10px 24px;
+  padding-left: 35px;
 }
 
 .isActiveLink {
@@ -41,10 +42,6 @@
   text-align: center;
 }
 
-.noIcon {
-  margin-left: 25px;
-}
-
 .status {
   float: right;
 }

frontend/src/Components/Page/Sidebar/PageSidebarItem.css.d.ts

@@ -8,7 +8,6 @@ interface CssExports {
   'isActiveParentLink': string;
   'item': string;
   'link': string;
-  'noIcon': string;
   'status': string;
 }
 export const cssExports: CssExports;

frontend/src/Components/Page/Sidebar/PageSidebarItem.tsx

@@ -54,9 +54,7 @@ function PageSidebarItem({
           </span>
         )}
 
-        <span className={isChildItem ? styles.noIcon : undefined}>
-          {typeof title === 'function' ? title() : title}
-        </span>
+        {typeof title === 'function' ? title() : title}
 
         {!!StatusComponent && (
           <span className={styles.status}>