diff --git a/main/styleguide/source/_patterns/organisms/footer.mustache b/main/styleguide/source/_patterns/organisms/footer.mustache
index b3641641a08918e60339fa9779bb2eb36ea54b76..ac7e2e5120c211f430f278bba9f99b4fb736250f 100644
--- a/main/styleguide/source/_patterns/organisms/footer.mustache
+++ b/main/styleguide/source/_patterns/organisms/footer.mustache
@@ -26,7 +26,7 @@
             </a>
           </div>
         </section>
-        <section class="footer__main-links text-white lg:flex lg:flex-wrap lg:justify-between gap-8">
+        <section class="footer__main-links text-white lg:flex lg:justify-between gap-8">
           <div class="py-4 lg:py-0">
             <ui-footer-collapsible label="Navigace">
               <ul class="text-white py-8">
@@ -69,6 +69,39 @@
                 <li>
                   <a href="#">Lorem ipsum</a>
                 </li>
+                <li>
+                  <a href="#">Lorem ipsum</a>
+                </li>
+                <li>
+                  <a href="#">Lorem ipsum</a>
+                </li>
+                <li>
+                  <a href="#">Lorem ipsum</a>
+                </li>
+                <li>
+                  <a href="#">Lorem ipsum</a>
+                </li>
+                <li>
+                  <a href="#">Lorem ipsum</a>
+                </li>
+                <li>
+                  <a href="#">Lorem ipsum</a>
+                </li>
+                <li>
+                  <a href="#">Lorem ipsum</a>
+                </li>
+                <li>
+                  <a href="#">Lorem ipsum</a>
+                </li>
+                <li>
+                  <a href="#">Lorem ipsum</a>
+                </li>
+                <li>
+                  <a href="#">Lorem ipsum</a>
+                </li>
+                <li>
+                  <a href="#">Lorem ipsum</a>
+                </li>
               </ul>
             </ui-footer-collapsible>
           </div>
@@ -117,6 +150,18 @@
                 <li>
                   <a href="#">Lorem ipsum</a>
                 </li>
+                <li>
+                  <a href="#">Lorem ipsum</a>
+                </li>
+                <li>
+                  <a href="#">Lorem ipsum</a>
+                </li>
+                <li>
+                  <a href="#">Lorem ipsum</a>
+                </li>
+                <li>
+                  <a href="#">Lorem ipsum</a>
+                </li>
               </ul>
             </ui-footer-collapsible>
           </div>
diff --git a/main/styleguide/source/css/organisms/footer.pcss b/main/styleguide/source/css/organisms/footer.pcss
index 4e41885a772df1c216dd2b6e57f820d4a032b32a..96808f56f5654a0bd864794b156eca70cb41353b 100644
--- a/main/styleguide/source/css/organisms/footer.pcss
+++ b/main/styleguide/source/css/organisms/footer.pcss
@@ -23,19 +23,12 @@
   ul {
     display: flex;
     flex-flow: row wrap;
-    max-height: 540px;
-    writing-mode: vertical-lr; /* workaround for long-living bug https://stackoverflow.com/a/39102894/7113416 */
-
-    @screen md {
-      max-height: 320px;
-    }
 
     li {
       display: block;
       height: 40px;
       line-height: 40px;
       min-width: 150px;
-      writing-mode: initial; /* workaround revert from above */
     }
   }
 }