diff --git a/src/app/components/about/about.component.scss b/src/app/components/about/about.component.scss
new file mode 100644
index 000000000..bcaae901e
--- /dev/null
+++ b/src/app/components/about/about.component.scss
@@ -0,0 +1,25 @@
+.app-about {
+  .main-content {
+    padding: 10px;
+
+    article {
+      color: var(--theme-text-color);
+      padding: 25px 0 25px 0;
+
+      & > header {
+        line-height: 24px;
+        font-size: 14px;
+        font-weight: 800;
+        letter-spacing: -0.2px;
+      }
+    }
+
+    article:first-of-type {
+      padding-bottom: 0;
+    }
+
+    article:last-of-type {
+      margin-bottom: 50px;
+    }
+  }
+}
diff --git a/src/app/components/about/about.component.theme.scss b/src/app/components/about/about.component.theme.scss
deleted file mode 100644
index beb373af3..000000000
--- a/src/app/components/about/about.component.theme.scss
+++ /dev/null
@@ -1,29 +0,0 @@
-@mixin aca-about-component-theme($theme) {
-  $foreground: map-get($theme, foreground);
-
-  .app-about {
-    .main-content {
-      padding: 10px;
-
-      article {
-        color: mat-color($foreground, text, 0.54);
-        padding: 25px 0 25px 0;
-
-        & > header {
-          line-height: 24px;
-          font-size: 14px;
-          font-weight: 800;
-          letter-spacing: -0.2px;
-        }
-      }
-
-      article:first-of-type {
-        padding-bottom: 0;
-      }
-
-      article:last-of-type {
-        margin-bottom: 50px;
-      }
-    }
-  }
-}
diff --git a/src/app/components/about/about.component.ts b/src/app/components/about/about.component.ts
index eb28b814e..dbdec3c0c 100644
--- a/src/app/components/about/about.component.ts
+++ b/src/app/components/about/about.component.ts
@@ -34,6 +34,7 @@ import { version, dependencies } from '../../../../package.json';
 @Component({
   selector: 'app-about',
   templateUrl: './about.component.html',
+  styleUrls: ['about.component.scss'],
   encapsulation: ViewEncapsulation.None,
   host: { class: 'app-about' }
 })
diff --git a/src/app/ui/custom-theme.scss b/src/app/ui/custom-theme.scss
index 789f4cada..30bf50817 100644
--- a/src/app/ui/custom-theme.scss
+++ b/src/app/ui/custom-theme.scss
@@ -2,7 +2,6 @@
 @import '~@alfresco/adf-content-services/theming';
 
 @import '../components/sidenav/sidenav.component.theme';
-@import '../components/about/about.component.theme';
 @import '../components/search/search-input/search-input.component.theme';
 @import '../components/settings/settings.component.theme';
 @import '../components/current-user/current-user.component.theme';
@@ -71,7 +70,6 @@ $warn: map-get($custom-theme, warn);
   @include aca-settings-theme($theme);
   @include snackbar-theme($theme);
   @include sidenav-component-theme($theme);
-  @include aca-about-component-theme($theme);
   @include aca-current-user-theme($theme);
   @include aca-context-menu-theme($theme);
   @include app-create-menu-theme($theme);