diff --git a/src/app/main/content/pages/authentication/forgot-password/forgot-password.component.scss b/src/app/main/content/pages/authentication/forgot-password/forgot-password.component.scss
index 496f793d..758dcaa6 100644
--- a/src/app/main/content/pages/authentication/forgot-password/forgot-password.component.scss
+++ b/src/app/main/content/pages/authentication/forgot-password/forgot-password.component.scss
@@ -1,4 +1,4 @@
-@import "../../../../../core/scss/fuse";
+@import "src/app/core/scss/fuse";
 
 :host {
 
diff --git a/src/app/main/content/pages/authentication/register-2/register-2.component.scss b/src/app/main/content/pages/authentication/register-2/register-2.component.scss
index 01227f58..a7e72945 100644
--- a/src/app/main/content/pages/authentication/register-2/register-2.component.scss
+++ b/src/app/main/content/pages/authentication/register-2/register-2.component.scss
@@ -1,4 +1,4 @@
-@import "../../../../../core/scss/fuse";
+@import "src/app/core/scss/fuse";
 
 :host {
 
diff --git a/src/app/main/content/pages/authentication/register/register.component.scss b/src/app/main/content/pages/authentication/register/register.component.scss
index a81773bf..bb6056d7 100644
--- a/src/app/main/content/pages/authentication/register/register.component.scss
+++ b/src/app/main/content/pages/authentication/register/register.component.scss
@@ -1,4 +1,4 @@
-@import "../../../../../core/scss/fuse";
+@import "src/app/core/scss/fuse";
 
 :host {
 
diff --git a/src/app/main/content/pages/authentication/reset-password/reset-password.component.scss b/src/app/main/content/pages/authentication/reset-password/reset-password.component.scss
index 63aacc16..e1d0f43c 100644
--- a/src/app/main/content/pages/authentication/reset-password/reset-password.component.scss
+++ b/src/app/main/content/pages/authentication/reset-password/reset-password.component.scss
@@ -1,4 +1,4 @@
-@import "../../../../../core/scss/fuse";
+@import "src/app/core/scss/fuse";
 
 :host {
 
diff --git a/src/app/main/content/pages/errors/404/error-404.component.scss b/src/app/main/content/pages/errors/404/error-404.component.scss
index 870ee499..a19e4f25 100644
--- a/src/app/main/content/pages/errors/404/error-404.component.scss
+++ b/src/app/main/content/pages/errors/404/error-404.component.scss
@@ -1,4 +1,4 @@
-@import "../../../../../core/scss/fuse";
+@import "src/app/core/scss/fuse";
 
 :host {
 
diff --git a/src/app/main/content/pages/errors/500/error-500.component.scss b/src/app/main/content/pages/errors/500/error-500.component.scss
index bf119b0e..d2f3f160 100644
--- a/src/app/main/content/pages/errors/500/error-500.component.scss
+++ b/src/app/main/content/pages/errors/500/error-500.component.scss
@@ -1,4 +1,4 @@
-@import "../../../../../core/scss/fuse";
+@import "src/app/core/scss/fuse";
 
 :host {
 
diff --git a/src/app/main/content/pages/faq/faq.component.scss b/src/app/main/content/pages/faq/faq.component.scss
index 2bf54830..48bc8c5c 100644
--- a/src/app/main/content/pages/faq/faq.component.scss
+++ b/src/app/main/content/pages/faq/faq.component.scss
@@ -1,4 +1,4 @@
-@import "../../../../core/scss/fuse";
+@import "src/app/core/scss/fuse";
 
 :host {
 
diff --git a/src/app/main/content/pages/knowledge-base/dialogs/article/article.component.scss b/src/app/main/content/pages/knowledge-base/dialogs/article/article.component.scss
index dad7b077..a322ca81 100644
--- a/src/app/main/content/pages/knowledge-base/dialogs/article/article.component.scss
+++ b/src/app/main/content/pages/knowledge-base/dialogs/article/article.component.scss
@@ -1,8 +1,17 @@
+@import "src/app/core/scss/fuse";
+
 .knowledgebase-article-dialog {
 
+    @include media-breakpoint('xs') {
+        width: 100%;
+    }
+
+    @include media-breakpoint-up('xs') {
+        width: 720px;
+    }
+
     .mat-dialog-container {
         padding: 0;
-        width: 720px;
     }
 
     .dialog-content-wrapper {
diff --git a/src/app/main/content/pages/knowledge-base/knowledge-base.component.scss b/src/app/main/content/pages/knowledge-base/knowledge-base.component.scss
index 6c087583..4696bdba 100644
--- a/src/app/main/content/pages/knowledge-base/knowledge-base.component.scss
+++ b/src/app/main/content/pages/knowledge-base/knowledge-base.component.scss
@@ -1,4 +1,4 @@
-@import "../../../../core/scss/fuse";
+@import "src/app/core/scss/fuse";
 
 #knowledgebase {
 
diff --git a/src/app/main/content/pages/profile/profile.component.scss b/src/app/main/content/pages/profile/profile.component.scss
index af356f5c..a1cdcf26 100644
--- a/src/app/main/content/pages/profile/profile.component.scss
+++ b/src/app/main/content/pages/profile/profile.component.scss
@@ -1,4 +1,4 @@
-@import "../../../../core/scss/fuse";
+@import "src/app/core/scss/fuse";
 
 #profile {
 
diff --git a/src/app/main/content/pages/profile/tabs/about/about.component.scss b/src/app/main/content/pages/profile/tabs/about/about.component.scss
index c12b61ac..48250a05 100644
--- a/src/app/main/content/pages/profile/tabs/about/about.component.scss
+++ b/src/app/main/content/pages/profile/tabs/about/about.component.scss
@@ -1,4 +1,4 @@
-@import "../../../../../../core/scss/fuse";
+@import "src/app/core/scss/fuse";
 
 :host {
 
diff --git a/src/app/main/content/pages/profile/tabs/photos-videos/photos-videos.component.scss b/src/app/main/content/pages/profile/tabs/photos-videos/photos-videos.component.scss
index 83ece155..5691b548 100644
--- a/src/app/main/content/pages/profile/tabs/photos-videos/photos-videos.component.scss
+++ b/src/app/main/content/pages/profile/tabs/photos-videos/photos-videos.component.scss
@@ -1,4 +1,4 @@
-@import "../../../../../../core/scss/fuse";
+@import "src/app/core/scss/fuse";
 
 :host {
 
diff --git a/src/app/main/content/pages/profile/tabs/timeline/timeline.component.scss b/src/app/main/content/pages/profile/tabs/timeline/timeline.component.scss
index ab2da8f9..58e12fa6 100644
--- a/src/app/main/content/pages/profile/tabs/timeline/timeline.component.scss
+++ b/src/app/main/content/pages/profile/tabs/timeline/timeline.component.scss
@@ -1,4 +1,4 @@
-@import "../../../../../../core/scss/fuse";
+@import "src/app/core/scss/fuse";
 
 :host {
 
diff --git a/src/app/main/content/pages/search/search.component.scss b/src/app/main/content/pages/search/search.component.scss
index 1f2557a0..b4121e2e 100644
--- a/src/app/main/content/pages/search/search.component.scss
+++ b/src/app/main/content/pages/search/search.component.scss
@@ -1,4 +1,4 @@
-@import "../../../../core/scss/fuse";
+@import "src/app/core/scss/fuse";
 
 :host {
 
diff --git a/src/app/main/content/pages/search/tabs/classic/classic.component.scss b/src/app/main/content/pages/search/tabs/classic/classic.component.scss
index 73f10e46..4a8acf7c 100644
--- a/src/app/main/content/pages/search/tabs/classic/classic.component.scss
+++ b/src/app/main/content/pages/search/tabs/classic/classic.component.scss
@@ -1,4 +1,4 @@
-@import "../../../../../../core/scss/fuse";
+@import "src/app/core/scss/fuse";
 
 :host {
 
diff --git a/src/app/main/content/pages/search/tabs/table/table.component.scss b/src/app/main/content/pages/search/tabs/table/table.component.scss
index b3ec99b8..6c387638 100644
--- a/src/app/main/content/pages/search/tabs/table/table.component.scss
+++ b/src/app/main/content/pages/search/tabs/table/table.component.scss
@@ -1,4 +1,4 @@
-@import "../../../../../../core/scss/fuse";
+@import "src/app/core/scss/fuse";
 
 :host {