diff --git a/alfa-client/apps/alfa/src/styles/main.scss b/alfa-client/apps/alfa/src/styles/main.scss
index 67fd19f0601984f9189bff5c0a32f9c05690eefc..ec0d77bb8d2c9ef486ec1188bc579d8bdd24ef29 100644
--- a/alfa-client/apps/alfa/src/styles/main.scss
+++ b/alfa-client/apps/alfa/src/styles/main.scss
@@ -23,9 +23,7 @@
  */
 @use '@angular/material' as mat;
 
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
+@import 'libs/design-system/src/lib/tailwind-preset/root.css';
 
 @import 'libs/ui/src/lib/font/font_material';
 @import 'typeface-roboto/index.css';
diff --git a/alfa-client/apps/alfa/tailwind.config.js b/alfa-client/apps/alfa/tailwind.config.js
index 45bd1202e680843f090b15be30b6456c94b546fd..ad1344c979b3f2d0bfe13e4878982db4faddfeb5 100644
--- a/alfa-client/apps/alfa/tailwind.config.js
+++ b/alfa-client/apps/alfa/tailwind.config.js
@@ -3,7 +3,7 @@
 
 const { createGlobPatternsForDependencies } = require('@nx/angular/tailwind');
 const { join } = require('path');
-const sharedTailwindConfig = require('../../libs/design-system/tailwind.config.js');
+const sharedTailwindConfig = require('../../libs/design-system/src/lib/tailwind-preset/tailwind.config.js');
 
 /** @type {import('tailwindcss').Config} */
 module.exports = {