diff --git a/src/Umbraco.Web.UI.Client/.github/README.md b/src/Umbraco.Web.UI.Client/.github/README.md
index c8ee810d64..d9f0f72c16 100644
--- a/src/Umbraco.Web.UI.Client/.github/README.md
+++ b/src/Umbraco.Web.UI.Client/.github/README.md
@@ -2,7 +2,9 @@
 
 This is the working repository of the upcoming new Backoffice to Umbraco CMS.
 
+[![Build and test](https://github.com/umbraco/Umbraco.CMS.Backoffice/actions/workflows/build_test.yml/badge.svg)](https://github.com/umbraco/Umbraco.CMS.Backoffice/actions/workflows/build_test.yml)
 [![Storybook](https://github.com/umbraco/Umbraco.CMS.Backoffice/actions/workflows/azure-static-web-apps-ambitious-stone-0033b3603.yml/badge.svg)](https://github.com/umbraco/Umbraco.CMS.Backoffice/actions/workflows/azure-static-web-apps-ambitious-stone-0033b3603.yml)
+[![SonarCloud](https://sonarcloud.io/api/project_badges/measure?project=umbraco_Umbraco.CMS.Backoffice&metric=alert_status)](https://sonarcloud.io/summary/new_code?id=umbraco_Umbraco.CMS.Backoffice)
 
 ## Installation instructions
 
diff --git a/src/Umbraco.Web.UI.Client/sonar-project.properties b/src/Umbraco.Web.UI.Client/sonar-project.properties
new file mode 100644
index 0000000000..44998fae7d
--- /dev/null
+++ b/src/Umbraco.Web.UI.Client/sonar-project.properties
@@ -0,0 +1,9 @@
+# Define the same root directory for sources and tests
+sonar.sources = src/
+sonar.tests = src/
+
+# Include test files in the test scope
+sonar.test.inclusions = src/**/*.test.ts
+
+# Exclude test and stories files from the source scope
+sonar.exclusions = src/**/*.test.ts, src/**/*.stories.ts