diff --git a/.prettierrc b/.prettierrc
index 302cd5495..30f191d91 100644
--- a/.prettierrc
+++ b/.prettierrc
@@ -1,4 +1,13 @@
 {
+  "attributeGroups": [
+    "$ANGULAR_ELEMENT_REF",
+    "$ANGULAR_STRUCTURAL_DIRECTIVE",
+    "$DEFAULT",
+    "$ANGULAR_INPUT",
+    "$ANGULAR_TWO_WAY_BINDING",
+    "$ANGULAR_OUTPUT"
+  ],
+  "attributeSort": "ASC",
   "endOfLine": "auto",
   "printWidth": 80,
   "singleQuote": true,
diff --git a/CHANGELOG.md b/CHANGELOG.md
index 799624b8b..f19c08324 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -10,6 +10,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 ### Added
 
 - Added support to change the appearance (dark mode) in user settings
+- Setup the `prettier` plugin `prettier-plugin-organize-attributes`
 
 ### Changed
 
diff --git a/package.json b/package.json
index 48a3cea6e..0483a1bba 100644
--- a/package.json
+++ b/package.json
@@ -181,6 +181,7 @@
     "jest-preset-angular": "12.2.2",
     "nx": "14.6.4",
     "prettier": "2.7.1",
+    "prettier-plugin-organize-attributes": "0.0.5",
     "replace-in-file": "6.2.0",
     "rimraf": "3.0.2",
     "ts-jest": "28.0.8",
diff --git a/yarn.lock b/yarn.lock
index 7179980cc..61444132a 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -16717,6 +16717,11 @@ prelude-ls@~1.1.2:
   resolved "https://registry.yarnpkg.com/prelude-ls/-/prelude-ls-1.1.2.tgz#21932a549f5e52ffd9a827f570e04be62a97da54"
   integrity sha512-ESF23V4SKG6lVSGZgYNpbsiaAkdab6ZgOxe52p7+Kid3W3u3bxR4Vfd/o21dmN7jSt0IwgZ4v5MUd26FEtXE9w==
 
+prettier-plugin-organize-attributes@0.0.5:
+  version "0.0.5"
+  resolved "https://registry.yarnpkg.com/prettier-plugin-organize-attributes/-/prettier-plugin-organize-attributes-0.0.5.tgz#46e54533936fc42a3cff3d876a738a3f98df0360"
+  integrity sha512-dSts16q8wd+oq8Zwk5mwmYXo1aN3B+ZkEJqx/ar5fedNHdOvx7S4XDMH/pNK7rmBW0bPXkp/kJX5gAANsWzh3A==
+
 prettier@2.7.1:
   version "2.7.1"
   resolved "https://registry.yarnpkg.com/prettier/-/prettier-2.7.1.tgz#e235806850d057f97bb08368a4f7d899f7760c64"