diff --git a/src/addons/mod/imscp/pages/view/view.html b/src/addons/mod/imscp/pages/view/view.html
index e37142791..3b8cee090 100644
--- a/src/addons/mod/imscp/pages/view/view.html
+++ b/src/addons/mod/imscp/pages/view/view.html
@@ -28,9 +28,7 @@
-
-
-
+
1" [items]="navigationItems"
diff --git a/src/addons/mod/url/components/index/index.scss b/src/addons/mod/url/components/index/index.scss
index 44c2f04e0..5eafc18ef 100644
--- a/src/addons/mod/url/components/index/index.scss
+++ b/src/addons/mod/url/components/index/index.scss
@@ -1,3 +1,4 @@
.addon-mod_url-embedded-url {
height: 100%;
+ display: contents;
}
diff --git a/src/theme/helpers/ionic.functions.string.scss b/src/theme/helpers/ionic.functions.string.scss
index db045dc75..34a01c114 100644
--- a/src/theme/helpers/ionic.functions.string.scss
+++ b/src/theme/helpers/ionic.functions.string.scss
@@ -147,9 +147,10 @@
// If the selector contains :host it means it is targeting just the host
// element so we can change it to look for host-context
} @else if str-contains($selector, ":host") {
- $list: append($list, ":host-context(#{$addHostSelector})", comma);
- // If the selector does not contain host at all it is either a shadow
- // or normal element so append both the dir check and host-context
+ $shadow-element: str-replace($selector, ":host", ":host-context(#{$addHostSelector})");
+ $list: append($list, $shadow-element, comma);
+ // If the selector does not contain host at all it is either a shadow
+ // or normal element so append both the dir check and host-context
} @else {
$list: append($list, "#{$addHostSelector} #{$selector}", comma);
$list: append($list, ":host-context(#{$addHostSelector}) #{$selector}", comma);