diff --git a/assets/js/src/core/modules/app/nav/main-nav.styles.ts b/assets/js/src/core/modules/app/nav/main-nav.styles.ts
index 0abc81c50..75680ef04 100644
--- a/assets/js/src/core/modules/app/nav/main-nav.styles.ts
+++ b/assets/js/src/core/modules/app/nav/main-nav.styles.ts
@@ -27,6 +27,8 @@ export const useStlyes = createStyles(({
       box-shadow: ${token.boxShadowSecondary};
       border-radius: ${token.borderRadius}px;
       width: 818px;
+      max-width: 90vw;
+      min-width: 530px;
       text-align: left;
       
       .main-nav__top {
@@ -43,13 +45,18 @@ export const useStlyes = createStyles(({
 
       .main-nav__bottom {
         display: flex;
-        align-items: center;
         text-transform: uppercase;
         gap: ${token.marginSM}px;
         color: ${token.colorTextDescription};
+        
+        .main-nav__bottom-title {
+          margin-top: ${token.marginXS}px;
+          line-height: 1.5;
+        }
 
         .main-nav__list-inline {
           gap: ${token.marginXS}px;
+          flex-wrap: wrap;
         }
       }
       
diff --git a/assets/js/src/core/modules/app/nav/main-nav.tsx b/assets/js/src/core/modules/app/nav/main-nav.tsx
index acfe37259..47eb0064f 100644
--- a/assets/js/src/core/modules/app/nav/main-nav.tsx
+++ b/assets/js/src/core/modules/app/nav/main-nav.tsx
@@ -147,7 +147,7 @@ export const MainNav = (): React.JSX.Element => {
                 <Divider className={ 'main-nav__divider' } />
 
                 <div className={ 'main-nav__bottom' }>
-                  {t('navigation.perspectives')}
+                  <div className={ 'main-nav__bottom-title' }>{t('navigation.perspectives')}</div>
                   <ul className={ 'main-nav__list-inline' }>
                     <li><IconTextButton
                       icon={ { value: 'pimcore' } }