diff --git a/angular.json b/angular.json
index 364fd0d2..a59daf22 100644
--- a/angular.json
+++ b/angular.json
@@ -80,7 +80,7 @@
               },
               "src/assets/img"
             ],
-            "styles": ["src/styles.scss"],
+            "styles": ["src/styles.scss", "src/app/_samples/mediaco/mediaCoStyles.scss"],
             "scripts": ["./node_modules/tinymce/tinymce.min.js"],
             "customWebpackConfig": {
               "path": "./extra-webpack.config.js"
diff --git a/src/app/_samples/mediaco/mediaCoStyles.scss b/src/app/_samples/mediaco/mediaCoStyles.scss
new file mode 100644
index 00000000..937e3f38
--- /dev/null
+++ b/src/app/_samples/mediaco/mediaCoStyles.scss
@@ -0,0 +1,17 @@
+.mediaco {
+  // Action Buttons styles for MediaCo sample app - start
+  .button-bar {
+    gap: 1rem;
+    margin-top: 1.2rem;
+  }
+
+  .right-group {
+    margin-left: 0 !important;
+  }
+
+  .secondary-button {
+    background-color: var(--app-sys-secondary-button-background) !important;
+    border-color: var(--app-sys-secondary-button-border) !important;
+  }
+  // Action Buttons styles for MediaCo sample app - end
+}
diff --git a/src/themes.scss b/src/themes.scss
index d2601bb0..811af714 100644
--- a/src/themes.scss
+++ b/src/themes.scss
@@ -267,7 +267,7 @@
   );
 }
 
-.mediaCoTheme {
+.mediaco {
   @include mat.theme(
     (
       color: mat.$magenta-palette,