diff --git a/twenty-frontend/src/css/main.scss b/twenty-frontend/src/css/main.scss
index 68342e7..9526d0d 100644
--- a/twenty-frontend/src/css/main.scss
+++ b/twenty-frontend/src/css/main.scss
@@ -1,7 +1,7 @@
 @import "fonts";
 @import "colors";
 @import "global";
-@import "layout";
+@import "vendor/tail";
 
 *, *:before, *:after {
   box-sizing: border-box;
diff --git a/twenty-frontend/src/css/vendor/_animations.scss b/twenty-frontend/src/css/vendor/_animations.scss
deleted file mode 100644
index 3e17d1d..0000000
--- a/twenty-frontend/src/css/vendor/_animations.scss
+++ /dev/null
@@ -1,196 +0,0 @@
-
-@charset "UTF-8";
-/*!
- * animate.css - https://animate.style/
- * Version - 4.1.1
- * Licensed under the Hippocratic License 2.1 - http://firstdonoharm.dev
- *
- * Copyright (c) 2023 Animate.css
- */
-:root {
-  --animate-duration: 1s;
-  --animate-delay: 1s;
-  --animate-repeat: 1;
-}
-.animate__animated {
-  -webkit-animation-duration: 1s;
-  animation-duration: 1s;
-  -webkit-animation-duration: var(--animate-duration);
-  animation-duration: var(--animate-duration);
-  -webkit-animation-fill-mode: both;
-  animation-fill-mode: both;
-}
-.animate__animated.animate__infinite {
-  -webkit-animation-iteration-count: infinite;
-  animation-iteration-count: infinite;
-}
-.animate__animated.animate__repeat-1 {
-  -webkit-animation-iteration-count: 1;
-  animation-iteration-count: 1;
-  -webkit-animation-iteration-count: var(--animate-repeat);
-  animation-iteration-count: var(--animate-repeat);
-}
-.animate__animated.animate__repeat-2 {
-  -webkit-animation-iteration-count: calc(1 * 2);
-  animation-iteration-count: calc(1 * 2);
-  -webkit-animation-iteration-count: calc(var(--animate-repeat) * 2);
-  animation-iteration-count: calc(var(--animate-repeat) * 2);
-}
-.animate__animated.animate__repeat-3 {
-  -webkit-animation-iteration-count: calc(1 * 3);
-  animation-iteration-count: calc(1 * 3);
-  -webkit-animation-iteration-count: calc(var(--animate-repeat) * 3);
-  animation-iteration-count: calc(var(--animate-repeat) * 3);
-}
-.animate__animated.animate__delay-1s {
-  -webkit-animation-delay: 1s;
-  animation-delay: 1s;
-  -webkit-animation-delay: var(--animate-delay);
-  animation-delay: var(--animate-delay);
-}
-.animate__animated.animate__delay-2s {
-  -webkit-animation-delay: calc(1s * 2);
-  animation-delay: calc(1s * 2);
-  -webkit-animation-delay: calc(var(--animate-delay) * 2);
-  animation-delay: calc(var(--animate-delay) * 2);
-}
-.animate__animated.animate__delay-3s {
-  -webkit-animation-delay: calc(1s * 3);
-  animation-delay: calc(1s * 3);
-  -webkit-animation-delay: calc(var(--animate-delay) * 3);
-  animation-delay: calc(var(--animate-delay) * 3);
-}
-.animate__animated.animate__delay-4s {
-  -webkit-animation-delay: calc(1s * 4);
-  animation-delay: calc(1s * 4);
-  -webkit-animation-delay: calc(var(--animate-delay) * 4);
-  animation-delay: calc(var(--animate-delay) * 4);
-}
-.animate__animated.animate__delay-5s {
-  -webkit-animation-delay: calc(1s * 5);
-  animation-delay: calc(1s * 5);
-  -webkit-animation-delay: calc(var(--animate-delay) * 5);
-  animation-delay: calc(var(--animate-delay) * 5);
-}
-.animate__animated.animate__faster {
-  -webkit-animation-duration: calc(1s / 2);
-  animation-duration: calc(1s / 2);
-  -webkit-animation-duration: calc(var(--animate-duration) / 2);
-  animation-duration: calc(var(--animate-duration) / 2);
-}
-.animate__animated.animate__fast {
-  -webkit-animation-duration: calc(1s * 0.8);
-  animation-duration: calc(1s * 0.8);
-  -webkit-animation-duration: calc(var(--animate-duration) * 0.8);
-  animation-duration: calc(var(--animate-duration) * 0.8);
-}
-.animate__animated.animate__slow {
-  -webkit-animation-duration: calc(1s * 2);
-  animation-duration: calc(1s * 2);
-  -webkit-animation-duration: calc(var(--animate-duration) * 2);
-  animation-duration: calc(var(--animate-duration) * 2);
-}
-.animate__animated.animate__slower {
-  -webkit-animation-duration: calc(1s * 3);
-  animation-duration: calc(1s * 3);
-  -webkit-animation-duration: calc(var(--animate-duration) * 3);
-  animation-duration: calc(var(--animate-duration) * 3);
-}
-@media print, (prefers-reduced-motion: reduce) {
-  .animate__animated {
-    -webkit-animation-duration: 1ms !important;
-    animation-duration: 1ms !important;
-    -webkit-transition-duration: 1ms !important;
-    transition-duration: 1ms !important;
-    -webkit-animation-iteration-count: 1 !important;
-    animation-iteration-count: 1 !important;
-  }
-
-  .animate__animated[class*='Out'] {
-    opacity: 0;
-  }
-}
-@-webkit-keyframes bounceOutDown {
-  20% {
-    -webkit-transform: translate3d(0, 10px, 0) scaleY(0.985);
-    transform: translate3d(0, 10px, 0) scaleY(0.985);
-  }
-
-  40%,
-  45% {
-    opacity: 1;
-    -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
-    transform: translate3d(0, -20px, 0) scaleY(0.9);
-  }
-
-  to {
-    opacity: 0;
-    -webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
-    transform: translate3d(0, 2000px, 0) scaleY(3);
-  }
-}
-@keyframes bounceOutDown {
-  20% {
-    -webkit-transform: translate3d(0, 10px, 0) scaleY(0.985);
-    transform: translate3d(0, 10px, 0) scaleY(0.985);
-  }
-
-  40%,
-  45% {
-    opacity: 1;
-    -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
-    transform: translate3d(0, -20px, 0) scaleY(0.9);
-  }
-
-  to {
-    opacity: 0;
-    -webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
-    transform: translate3d(0, 2000px, 0) scaleY(3);
-  }
-}
-.animate__bounceOutDown {
-  -webkit-animation-name: bounceOutDown;
-  animation-name: bounceOutDown;
-}
-@-webkit-keyframes bounceOutUp {
-  20% {
-    -webkit-transform: translate3d(0, -10px, 0) scaleY(0.985);
-    transform: translate3d(0, -10px, 0) scaleY(0.985);
-  }
-
-  40%,
-  45% {
-    opacity: 1;
-    -webkit-transform: translate3d(0, 20px, 0) scaleY(0.9);
-    transform: translate3d(0, 20px, 0) scaleY(0.9);
-  }
-
-  to {
-    opacity: 0;
-    -webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
-    transform: translate3d(0, -2000px, 0) scaleY(3);
-  }
-}
-@keyframes bounceOutUp {
-  20% {
-    -webkit-transform: translate3d(0, -10px, 0) scaleY(0.985);
-    transform: translate3d(0, -10px, 0) scaleY(0.985);
-  }
-
-  40%,
-  45% {
-    opacity: 1;
-    -webkit-transform: translate3d(0, 20px, 0) scaleY(0.9);
-    transform: translate3d(0, 20px, 0) scaleY(0.9);
-  }
-
-  to {
-    opacity: 0;
-    -webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
-    transform: translate3d(0, -2000px, 0) scaleY(3);
-  }
-}
-.animate__bounceOutUp {
-  -webkit-animation-name: bounceOutUp;
-  animation-name: bounceOutUp;
-}
diff --git a/twenty-frontend/src/css/vendor/_forms.scss b/twenty-frontend/src/css/vendor/_forms.scss
deleted file mode 100644
index a2ed748..0000000
--- a/twenty-frontend/src/css/vendor/_forms.scss
+++ /dev/null
@@ -1,903 +0,0 @@
-/*!
- * Form Framework v1.0.0 (https://form.js.org)
- * Author: Abdall Arbab.
- * Copyright 2019 Codolog.
- * Licensed under MIT (https://github.com/the94air/form/blob/master/LICENSE)
- */
-
-/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
-
-/* Document
-   ========================================================================== */
-
-/**
- * 1. Correct the line height in all browsers.
- * 2. Prevent adjustments of font size after orientation changes in iOS.
- */
-
-html {
-  line-height: 1.15; /* 1 */
-  -webkit-text-size-adjust: 100%; /* 2 */
-}
-
-/* Sections
-   ========================================================================== */
-
-/**
- * Remove the margin in all browsers.
- */
-
-body {
-  margin: 0;
-}
-
-/**
- * Render the `main` element consistently in IE.
- */
-
-main {
-  display: block;
-}
-
-/**
- * Correct the font size and margin on `h1` elements within `section` and
- * `article` contexts in Chrome, Firefox, and Safari.
- */
-
-h1 {
-  font-size: 2em;
-  margin: .67em 0;
-}
-
-/* Grouping content
-   ========================================================================== */
-
-/**
- * 1. Add the correct box sizing in Firefox.
- * 2. Show the overflow in Edge and IE.
- */
-
-hr {
-  box-sizing: content-box; /* 1 */
-  height: 0; /* 1 */
-  overflow: visible; /* 2 */
-}
-
-/**
- * 1. Correct the inheritance and scaling of font size in all browsers.
- * 2. Correct the odd `em` font sizing in all browsers.
- */
-
-pre {
-  font-family: monospace, monospace; /* 1 */
-  font-size: 1em; /* 2 */
-}
-
-/* Text-level semantics
-   ========================================================================== */
-
-/**
- * Remove the gray background on active links in IE 10.
- */
-
-a {
-  background-color: transparent;
-}
-
-/**
- * 1. Remove the bottom border in Chrome 57-
- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
- */
-
-abbr[title] {
-  border-bottom: none; /* 1 */
-  text-decoration: underline; /* 2 */
-  -webkit-text-decoration: underline dotted;
-          text-decoration: underline dotted; /* 2 */
-}
-
-/**
- * Add the correct font weight in Chrome, Edge, and Safari.
- */
-
-b,
-strong {
-  font-weight: bolder;
-}
-
-/**
- * 1. Correct the inheritance and scaling of font size in all browsers.
- * 2. Correct the odd `em` font sizing in all browsers.
- */
-
-code,
-kbd,
-samp {
-  font-family: monospace, monospace; /* 1 */
-  font-size: 1em; /* 2 */
-}
-
-/**
- * Add the correct font size in all browsers.
- */
-
-small {
-  font-size: 80%;
-}
-
-/**
- * Prevent `sub` and `sup` elements from affecting the line height in
- * all browsers.
- */
-
-sub,
-sup {
-  font-size: 75%;
-  line-height: 0;
-  position: relative;
-  vertical-align: baseline;
-}
-
-sub {
-  bottom: -0.25em;
-}
-
-sup {
-  top: -0.5em;
-}
-
-/* Embedded content
-   ========================================================================== */
-
-/**
- * Remove the border on images inside links in IE 10.
- */
-
-img {
-  border-style: none;
-}
-
-/* Forms
-   ========================================================================== */
-
-/**
- * 1. Change the font styles in all browsers.
- * 2. Remove the margin in Firefox and Safari.
- */
-
-button,
-input,
-optgroup,
-select,
-textarea {
-  font-family: inherit; /* 1 */
-  font-size: 100%; /* 1 */
-  line-height: 1.15; /* 1 */
-  margin: 0; /* 2 */
-}
-
-/**
- * Show the overflow in IE.
- * 1. Show the overflow in Edge.
- */
-
-button,
-input {
-  /* 1 */
-  overflow: visible;
-}
-
-/**
- * Remove the inheritance of text transform in Edge, Firefox, and IE.
- * 1. Remove the inheritance of text transform in Firefox.
- */
-
-button,
-select {
-  /* 1 */
-  text-transform: none;
-}
-
-/**
- * Correct the inability to style clickable types in iOS and Safari.
- */
-
-button,
-[type="button"],
-[type="reset"],
-[type="submit"] {
-  -webkit-appearance: button;
-}
-
-/**
- * Remove the inner border and padding in Firefox.
- */
-
-button::-moz-focus-inner,
-[type="button"]::-moz-focus-inner,
-[type="reset"]::-moz-focus-inner,
-[type="submit"]::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-/**
- * Restore the focus styles unset by the previous rule.
- */
-
-button:-moz-focusring,
-[type="button"]:-moz-focusring,
-[type="reset"]:-moz-focusring,
-[type="submit"]:-moz-focusring {
-  outline: 1px dotted ButtonText;
-}
-
-/**
- * Correct the padding in Firefox.
- */
-
-fieldset {
-  padding: .35em .75em .625em;
-}
-
-/**
- * 1. Correct the text wrapping in Edge and IE.
- * 2. Correct the color inheritance from `fieldset` elements in IE.
- * 3. Remove the padding so developers are not caught out when they zero out
- *    `fieldset` elements in all browsers.
- */
-
-legend {
-  box-sizing: border-box; /* 1 */
-  color: inherit; /* 2 */
-  display: table; /* 1 */
-  max-width: 100%; /* 1 */
-  padding: 0; /* 3 */
-  white-space: normal; /* 1 */
-}
-
-/**
- * Add the correct vertical alignment in Chrome, Firefox, and Opera.
- */
-
-progress {
-  vertical-align: baseline;
-}
-
-/**
- * Remove the default vertical scrollbar in IE 10+.
- */
-
-textarea {
-  overflow: auto;
-}
-
-/**
- * 1. Add the correct box sizing in IE 10.
- * 2. Remove the padding in IE 10.
- */
-
-[type="checkbox"],
-[type="radio"] {
-  box-sizing: border-box; /* 1 */
-  padding: 0; /* 2 */
-}
-
-/**
- * Correct the cursor style of increment and decrement buttons in Chrome.
- */
-
-[type="number"]::-webkit-inner-spin-button,
-[type="number"]::-webkit-outer-spin-button {
-  height: auto;
-}
-
-/**
- * 1. Correct the odd appearance in Chrome and Safari.
- * 2. Correct the outline style in Safari.
- */
-
-[type="search"] {
-  -webkit-appearance: textfield; /* 1 */
-  outline-offset: -2px; /* 2 */
-}
-
-/**
- * Remove the inner padding in Chrome and Safari on macOS.
- */
-
-[type="search"]::-webkit-search-decoration {
-  -webkit-appearance: none;
-}
-
-/**
- * 1. Correct the inability to style clickable types in iOS and Safari.
- * 2. Change font properties to `inherit` in Safari.
- */
-
-::-webkit-file-upload-button {
-  -webkit-appearance: button; /* 1 */
-  font: inherit; /* 2 */
-}
-
-/* Interactive
-   ========================================================================== */
-
-/*
- * Add the correct display in Edge, IE 10+, and Firefox.
- */
-
-details {
-  display: block;
-}
-
-/*
- * Add the correct display in all browsers.
- */
-
-summary {
-  display: list-item;
-}
-
-/* Misc
-   ========================================================================== */
-
-/**
- * Add the correct display in IE 10+.
- */
-
-template {
-  display: none;
-}
-
-/**
- * Add the correct display in IE 10.
- */
-
-[hidden] {
-  display: none;
-}
-
-/**
- * Manually forked from SUIT CSS Base: https://github.com/suitcss/base
- * A thin layer on top of normalize.css that provides a starting point more
- * suitable for web applications.
- */
-
-/**
- * 1. Prevent padding and border from affecting element width
- * https://goo.gl/pYtbK7
- * 2. Change the default font family in all browsers (opinionated)
- */
-
-html {
-  box-sizing: border-box; /* 1 */
-  font-family: sans-serif; /* 2 */
-}
-
-*,
-*::before,
-*::after {
-  box-sizing: inherit;
-}
-
-/**
- * Removes the default spacing and border for appropriate elements.
- */
-
-blockquote,
-dl,
-dd,
-h1,
-h2,
-h3,
-h4,
-h5,
-h6,
-figure,
-p,
-pre {
-  margin: 0;
-}
-
-button {
-  background: transparent;
-  padding: 0;
-}
-
-/**
- * Work around a Firefox/IE bug where the transparent `button` background
- * results in a loss of the default `button` focus styles.
- */
-
-button:focus {
-  outline: 1px dotted;
-  outline: 5px auto -webkit-focus-ring-color;
-}
-
-fieldset {
-  margin: 0;
-  padding: 0;
-}
-
-ol,
-ul {
-  margin: 0;
-}
-
-/**
- * Tailwind custom reset styles
- */
-
-/**
- * Allow adding a border to an element by just adding a border-width.
- *
- * By default, the way the browser specifies that an element should have no
- * border is by setting it's border-style to `none` in the user-agent
- * stylesheet.
- *
- * In order to easily add borders to elements by just setting the `border-width`
- * property, we change the default border-style for all elements to `solid`, and
- * use border-width to hide them instead. This way our `border` utilities only
- * need to set the `border-width` property instead of the entire `border`
- * shorthand, making our border utilities much more straightforward to compose.
- *
- * https://github.com/tailwindcss/tailwindcss/pull/116
- */
-
-*,
-*::before,
-*::after {
-  border-width: 0;
-  border-style: solid;
-  border-color: #dae1e7;
-}
-
-/**
- * Undo the `border-style: none` reset that Normalize applies to images so that
- * our `border-{width}` utilities have the expected effect.
- *
- * The Normalize reset is unnecessary for us since we default the border-width
- * to 0 on all elements.
- *
- * https://github.com/tailwindcss/tailwindcss/issues/362
- */
-
-img {
-  border-style: solid;
-}
-
-textarea {
-  resize: vertical;
-}
-
-img {
-  max-width: 100%;
-  height: auto;
-}
-
-input::-webkit-input-placeholder,
-textarea::-webkit-input-placeholder {
-  color: inherit;
-  opacity: .5;
-}
-
-input:-ms-input-placeholder,
-textarea:-ms-input-placeholder {
-  color: inherit;
-  opacity: .5;
-}
-
-input::-ms-input-placeholder,
-textarea::-ms-input-placeholder {
-  color: inherit;
-  opacity: .5;
-}
-
-input::placeholder,
-textarea::placeholder {
-  color: inherit;
-  opacity: .5;
-}
-
-button,
-[role="button"] {
-  cursor: pointer;
-}
-
-table {
-  border-collapse: collapse;
-}
-
-body {
-  line-height: 1.25;
-  background-color: #fff;
-  color: #22292f;
-  font-weight: 400;
-  width: 100%;
-  height: 100%;
-}
-
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
-  font-weight: 600;
-}
-
-p {
-  margin-bottom: .5rem;
-}
-
-hr {
-  height: 1px;
-  margin-top: 1.25rem;
-  margin-bottom: 1.25rem;
-  background-color: #dae1e7;
-}
-
-a {
-  color: #3490dc;
-  transition: color 100ms ease;
-  text-decoration: none;
-  background-color: transparent;
-  -webkit-text-decoration-skip: objects;
-}
-
-a:hover,
-a:focus {
-  color: #1c3d5a;
-  text-decoration: underline;
-}
-
-a:not([href]):not([tabindex]) {
-  color: inherit;
-  text-decoration: none;
-}
-
-a:not([href]):not([tabindex]):hover,
-a:not([href]):not([tabindex]):focus {
-  color: inherit;
-  text-decoration: none;
-}
-
-a:not([href]):not([tabindex]):focus {
-  outline: 0;
-}
-
-label.form {
-  display: inline-block;
-  margin-bottom: .5rem;
-  font-weight: 600;
-}
-
-input.form:not([type=submit]):not([type=button]):not([type=radio]):not([type=checkbox]):not([type=file]) {
-  display: block;
-  width: 100%;
-  padding-left: .5rem;
-  padding-right: .5rem;
-  margin-bottom: .5rem;
-  line-height: 1.25;
-  border-radius: .125rem;
-  background-color: #fff;
-  color: inherit;
-  padding-top: .4rem;
-  padding-bottom: .4rem;
-  border: 1px solid #b8c2cc;
-  -webkit-appearance: none;
-  transition: all 200ms ease;
-}
-
-input.form:not([type=submit]):not([type=button]):not([type=radio]):not([type=checkbox]):not([type=file]):focus {
-  outline: 0;
-  box-shadow: 0 0 0 3px rgba(52, 144, 220, .5);
-  border-color: #3490dc;
-}
-
-input.form:not([type=submit]):not([type=button]):not([type=radio]):not([type=checkbox]):not([type=file]):disabled {
-  pointer-events: none;
-  opacity: .5;
-  background-color: #f1f5f8;
-}
-
-input.form:not([type=submit]):not([type=button]):not([type=radio]):not([type=checkbox]):not([type=file]).error {
-  border-color: #e3342f;
-}
-
-input.form:not([type=submit]):not([type=button]):not([type=radio]):not([type=checkbox]):not([type=file]).error:focus {
-  box-shadow: 0 0 0 3px rgba(227, 52, 47, .5);
-}
-
-textarea.form {
-  display: block;
-  width: 100%;
-  padding-left: .5rem;
-  padding-right: .5rem;
-  margin-bottom: .5rem;
-  line-height: 1.25;
-  border-radius: .125rem;
-  background-color: #fff;
-  color: inherit;
-  padding-top: .4rem;
-  padding-bottom: .4rem;
-  border: 1px solid #b8c2cc;
-  -webkit-appearance: none;
-  min-height: 100px;
-  transition: box-shadow 200ms ease, border 200ms ease;
-}
-
-textarea.form:focus {
-  outline: 0;
-  box-shadow: 0 0 0 3px rgba(52, 144, 220, .5);
-  border-color: #3490dc;
-}
-
-textarea.form:disabled {
-  pointer-events: none;
-  opacity: .5;
-  background-color: #f1f5f8;
-}
-
-textarea.form.error {
-  border-color: #e3342f;
-}
-
-textarea.form.error:focus {
-  box-shadow: 0 0 0 3px rgba(227, 52, 47, .5);
-}
-
-input[type=checkbox].form {
-  margin-right: .25rem;
-  line-height: 1.25;
-}
-
-input[type=checkbox].form:disabled {
-  pointer-events: none;
-  opacity: .5;
-}
-
-input[type=checkbox].form + label.form {
-  font-weight: 400;
-}
-
-input[type=radio].form {
-  margin-right: .25rem;
-  line-height: 1.25;
-}
-
-input[type=radio].form:disabled {
-  pointer-events: none;
-  opacity: .5;
-}
-
-input[type=radio].form + label.form {
-  font-weight: 400;
-}
-
-select.form:not([multiple]) {
-  position: relative;
-  display: block;
-  width: 100%;
-  padding-left: .5rem;
-  padding-right: .5rem;
-  padding-right: 1.25rem;
-  margin-bottom: .5rem;
-  line-height: 1.25;
-  border-radius: .125rem;
-  background-color: #fff;
-  color: inherit;
-  padding-top: .4rem;
-  padding-bottom: .4rem;
-  border: 1px solid #b8c2cc;
-  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='41' height='26' viewBox='0 0 41 26'%3E%3Cpath fill='%23606060' d='M0 5.382l19.983 19.983L40.14 5.208 34.932 0 19.869 15.062 4.84.032z' fill-rule='evenodd' style='&%2310; fill: %23b8c2cc;&%2310;'/%3E%3C/svg%3E");
-  background-position: right .4rem center;
-  background-repeat: no-repeat;
-  background-size: .75rem;
-  -webkit-appearance: none;
-  transition: all 200ms ease;
-}
-
-select.form:not([multiple]):focus {
-  outline: 0;
-  box-shadow: 0 0 0 3px rgba(52, 144, 220, .5);
-  border-color: #3490dc;
-}
-
-select.form:not([multiple]):disabled {
-  pointer-events: none;
-  opacity: .5;
-  background-color: #f1f5f8;
-}
-
-select.form:not([multiple]).error {
-  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='41' height='26' viewBox='0 0 41 26'%3E%3Cpath fill='%23606060' d='M0 5.382l19.983 19.983L40.14 5.208 34.932 0 19.869 15.062 4.84.032z' fill-rule='evenodd' style='&%2310; fill: %23e3342f;&%2310;'/%3E%3C/svg%3E");
-  background-position: right .4rem center;
-  background-repeat: no-repeat;
-  background-size: .75rem;
-  border-color: #e3342f;
-}
-
-select.form:not([multiple]).error:focus {
-  box-shadow: 0 0 0 3px rgba(227, 52, 47, .5);
-}
-
-input[type=file].form {
-  display: block;
-  border-radius: .125rem;
-  margin-bottom: .5rem;
-  border: 1px solid transparent;
-}
-
-input[type=file].form:focus {
-  outline: 0;
-  box-shadow: 0 0 0 3px rgba(52, 144, 220, .5);
-  border-color: #3490dc;
-}
-
-input[type=file].form:disabled {
-  pointer-events: none;
-  opacity: .5;
-}
-
-span.form {
-  display: block;
-  margin-bottom: .5rem;
-  font-size: .9rem;
-  color: #cc1f1a;
-}
-
-input[type=submit].form,
-input[type=button].form,
-button.form,
-a.form {
-  display: inline-block;
-  text-align: center;
-  text-decoration: none;
-  border-radius: .125rem;
-  -webkit-user-select: none;
-     -moz-user-select: none;
-      -ms-user-select: none;
-          user-select: none;
-  vertical-align: middle;
-  white-space: nowrap;
-  padding-left: 1rem;
-  padding-right: 1rem;
-  padding-top: .5rem;
-  padding-bottom: .5rem;
-  margin-bottom: .5rem;
-  line-height: 1.25;
-  cursor: pointer;
-  color: #fff;
-  background-color: #3490dc;
-  -webkit-transform: scale(1);
-          transform: scale(1);
-  transition: all 200ms ease;
-  font-weight: 600;
-}
-
-input[type=submit].form:hover,
-input[type=submit].form:focus,
-input[type=button].form:hover,
-input[type=button].form:focus,
-button.form:hover,
-button.form:focus,
-a.form:hover,
-a.form:focus {
-  background-color: #2779bd;
-}
-
-input[type=submit].form:focus,
-input[type=button].form:focus,
-button.form:focus,
-a.form:focus {
-  outline: 0;
-  box-shadow: 0 0 0 3px rgba(52, 144, 220, .5);
-}
-
-input[type=submit].form:disabled,
-input[type=button].form:disabled,
-button.form:disabled,
-a.form:disabled {
-  pointer-events: none;
-  opacity: .5;
-}
-
-input[type=submit].form.success,
-input[type=button].form.success,
-button.form.success,
-a.form.success {
-  background-color: #38c172;
-}
-
-input[type=submit].form.success:hover,
-input[type=submit].form.success:focus,
-input[type=button].form.success:hover,
-input[type=button].form.success:focus,
-button.form.success:hover,
-button.form.success:focus,
-a.form.success:hover,
-a.form.success:focus {
-  background-color: #1f9d55;
-}
-
-input[type=submit].form.info,
-input[type=button].form.info,
-button.form.info,
-a.form.info {
-  background-color: #4dc0b5;
-}
-
-input[type=submit].form.info:hover,
-input[type=submit].form.info:focus,
-input[type=button].form.info:hover,
-input[type=button].form.info:focus,
-button.form.info:hover,
-button.form.info:focus,
-a.form.info:hover,
-a.form.info:focus {
-  background-color: #38a89d;
-}
-
-input[type=submit].form.warning,
-input[type=button].form.warning,
-button.form.warning,
-a.form.warning {
-  background-color: #f6993f;
-}
-
-input[type=submit].form.warning:hover,
-input[type=submit].form.warning:focus,
-input[type=button].form.warning:hover,
-input[type=button].form.warning:focus,
-button.form.warning:hover,
-button.form.warning:focus,
-a.form.warning:hover,
-a.form.warning:focus {
-  background-color: #de751f;
-}
-
-input[type=submit].form.danger,
-input[type=button].form.danger,
-button.form.danger,
-a.form.danger {
-  background-color: #e3342f;
-}
-
-input[type=submit].form.danger:hover,
-input[type=submit].form.danger:focus,
-input[type=button].form.danger:hover,
-input[type=button].form.danger:focus,
-button.form.danger:hover,
-button.form.danger:focus,
-a.form.danger:hover,
-a.form.danger:focus {
-  background-color: #cc1f1a;
-}
-
-input[type=submit].form.full,
-input[type=button].form.full,
-button.form.full,
-a.form.full {
-  width: 100%;
-}
-
-input[type=submit].form + input[type=submit].form,
-input[type=submit].form + input[type=button].form,
-input[type=submit].form + button.form,
-input[type=submit].form + a.form,
-input[type=button].form + input[type=submit].form,
-input[type=button].form + input[type=button].form,
-input[type=button].form + button.form,
-input[type=button].form + a.form,
-button.form + input[type=submit].form,
-button.form + input[type=button].form,
-button.form + button.form,
-button.form + a.form,
-a.form + input[type=submit].form,
-a.form + input[type=button].form,
-a.form + button.form,
-a.form + a.form {
-  margin-left: .5rem;
-}
diff --git a/twenty-frontend/src/css/_layout.scss b/twenty-frontend/src/css/vendor/_tail.scss
similarity index 85%
rename from twenty-frontend/src/css/_layout.scss
rename to twenty-frontend/src/css/vendor/_tail.scss
index a0c4dc4..fadc9da 100644
--- a/twenty-frontend/src/css/_layout.scss
+++ b/twenty-frontend/src/css/vendor/_tail.scss
@@ -1,11 +1,11 @@
-@import "layout/height";
-@import "layout/width";
-@import "layout/margin";
-@import "layout/padding";
-@import "layout/borders";
-@import "layout/text";
-@import "layout/font";
-@import "layout/cursor";
+@import "tail/height";
+@import "tail/width";
+@import "tail/margin";
+@import "tail/padding";
+@import "tail/borders";
+@import "tail/text";
+@import "tail/font";
+@import "tail/cursor";
 
 .m-0-auto { margin: 0 auto; }
 .maxw-1024 { max-width: 1024px; }
diff --git a/twenty-frontend/src/css/layout/_borders.scss b/twenty-frontend/src/css/vendor/tail/_borders.scss
similarity index 100%
rename from twenty-frontend/src/css/layout/_borders.scss
rename to twenty-frontend/src/css/vendor/tail/_borders.scss
diff --git a/twenty-frontend/src/css/layout/_cursor.scss b/twenty-frontend/src/css/vendor/tail/_cursor.scss
similarity index 100%
rename from twenty-frontend/src/css/layout/_cursor.scss
rename to twenty-frontend/src/css/vendor/tail/_cursor.scss
diff --git a/twenty-frontend/src/css/layout/_font.scss b/twenty-frontend/src/css/vendor/tail/_font.scss
similarity index 100%
rename from twenty-frontend/src/css/layout/_font.scss
rename to twenty-frontend/src/css/vendor/tail/_font.scss
diff --git a/twenty-frontend/src/css/layout/_height.scss b/twenty-frontend/src/css/vendor/tail/_height.scss
similarity index 100%
rename from twenty-frontend/src/css/layout/_height.scss
rename to twenty-frontend/src/css/vendor/tail/_height.scss
diff --git a/twenty-frontend/src/css/layout/_margin.scss b/twenty-frontend/src/css/vendor/tail/_margin.scss
similarity index 100%
rename from twenty-frontend/src/css/layout/_margin.scss
rename to twenty-frontend/src/css/vendor/tail/_margin.scss
diff --git a/twenty-frontend/src/css/layout/_padding.scss b/twenty-frontend/src/css/vendor/tail/_padding.scss
similarity index 100%
rename from twenty-frontend/src/css/layout/_padding.scss
rename to twenty-frontend/src/css/vendor/tail/_padding.scss
diff --git a/twenty-frontend/src/css/layout/_text.scss b/twenty-frontend/src/css/vendor/tail/_text.scss
similarity index 100%
rename from twenty-frontend/src/css/layout/_text.scss
rename to twenty-frontend/src/css/vendor/tail/_text.scss
diff --git a/twenty-frontend/src/css/layout/_width.scss b/twenty-frontend/src/css/vendor/tail/_width.scss
similarity index 100%
rename from twenty-frontend/src/css/layout/_width.scss
rename to twenty-frontend/src/css/vendor/tail/_width.scss
diff --git a/twenty-frontend/tasks/nanoc.rake b/twenty-frontend/tasks/nanoc.rake
index 03415ce..5182ba7 100644
--- a/twenty-frontend/tasks/nanoc.rake
+++ b/twenty-frontend/tasks/nanoc.rake
@@ -1,6 +1,8 @@
 namespace :nanoc do
   desc "Produce the build/ directory"
   task :build do
+    # FIXME: discover why rm -rf build/css/ is needed.
+    sh "rm -rf build/css/"
     sh "nanoc co"
   end