diff --git a/src/_nested-list.scss b/src/_nested-list.scss
index d191d9afcc..9850a238b6 100644
--- a/src/_nested-list.scss
+++ b/src/_nested-list.scss
@@ -112,7 +112,9 @@ $block: #{$fd-namespace}-nested-list;
&::after {
@include fd-flex-center();
@include fd-nested-list-arrow();
-
+ // `height: 0` is set to prevent breaking `align-items: center` on IE11
+ // Read more https://github.com/philipwalton/flexbugs/issues/231
+ height: 0;
min-height: 100%;
min-width: 2.75rem;
color: var(--sapList_TextColor);
diff --git a/test/templates/side-nav/index.njk b/test/templates/side-nav/index.njk
index 0888549a3c..76ea6dde3b 100644
--- a/test/templates/side-nav/index.njk
+++ b/test/templates/side-nav/index.njk
@@ -2,47 +2,47 @@
{% from "./../format.njk" import format %}
{% block content %}
-
-
Side Navigation with one level - text-only, cozy mode
-{% set example %}
-
-{% endset %}
-{{ format(example) }}
+
+ Side Navigation with one level - text-only, cozy mode
+ {% set example %}
+
+ {% endset %}
+ {{ format(example) }}
-
-Side navigation with icons - condensed state
-{% set example %}
-
-{% endset %}
-{{ format(example) }}
+
+ Side navigation with icons - condensed state
+ {% set example %}
+
+ {% endset %}
+ {{ format(example) }}
{% endblock %}
diff --git a/test/visual-regression-tests/reference_images/FS_side-nav_2_backstop__n2_0_.png b/test/visual-regression-tests/reference_images/FS_side-nav_2_backstop__n2_0_.png
index 19cfc5f16f..159abc4286 100644
Binary files a/test/visual-regression-tests/reference_images/FS_side-nav_2_backstop__n2_0_.png and b/test/visual-regression-tests/reference_images/FS_side-nav_2_backstop__n2_0_.png differ