diff --git a/src/app/pages/kind/kind.component.html b/src/app/pages/kind/kind.component.html
index 826bacaa..cc0b63e5 100644
--- a/src/app/pages/kind/kind.component.html
+++ b/src/app/pages/kind/kind.component.html
@@ -42,7 +42,12 @@
Button delete with background
Button delete with background
-
+
+
+ Warning, in the mockups, some buttons have different paddings.
+ Example: "Copier le lien" has smaller paddings, maybe a `btn_small` class could do the job, to check.
+
+
@@ -132,6 +137,19 @@
Molecules
+
+ Useful classes
+
+ Align right
+
+
+
Label + input text
Ceci est un label un peu long mais pas trop
diff --git a/src/assets/scss/useful_classes.scss b/src/assets/scss/useful_classes.scss
new file mode 100644
index 00000000..49725305
--- /dev/null
+++ b/src/assets/scss/useful_classes.scss
@@ -0,0 +1,6 @@
+@charset "UTF_8";
+
+.align-right {
+ display: flex;
+ justify-content: flex-end;
+}
\ No newline at end of file
diff --git a/src/styles.scss b/src/styles.scss
index 2705b3d7..28ab950a 100644
--- a/src/styles.scss
+++ b/src/styles.scss
@@ -1,6 +1,7 @@
/* You can add global styles to this file, and also import other style files */
@import "assets/scss/variables";
@import "assets/scss/default";
+@import "assets/scss/useful_classes";
@import "assets/scss/atoms/main";
@import "assets/scss/atoms/section";