diff --git a/src/views/Channel.jsx b/src/views/Channel.jsx
index c21ed30..70a52fa 100644
--- a/src/views/Channel.jsx
+++ b/src/views/Channel.jsx
@@ -1,12 +1,7 @@
 import React, { useState, createRef, useCallback, useEffect } from 'react';
 import { defineMessages, useIntl } from 'react-intl';
 import { Grid } from 'semantic-ui-react';
-import {
-  Form,
-  Label,
-  Input,
-  Button,
-} from 'design-react-kit/dist/design-react-kit';
+import { Form, Label, Input, Button } from 'design-react-kit';
 import { useDispatch, useSelector } from 'react-redux';
 import { toast } from 'react-toastify';
 import { Icon } from 'design-comuni-plone-theme/components/ItaliaTheme';
@@ -293,7 +288,7 @@ const Channel = ({ content, location }) => {
                   {!(subscribeLoaded && subscribeStatus !== 'error') && (
                     <>
                       <Label
-                        className="text-white font-weight-semibold active"
+                        className="text-white fw-semibold active"
                         htmlFor="input-newsletter"
                         style={{
                           transition: 'none 0 ease 0',
@@ -376,7 +371,7 @@ const Channel = ({ content, location }) => {
                 {!(unsubscribeLoaded && unsubscribeStatus !== 'error') && (
                   <>
                     <Label
-                      className="text-white font-weight-semibold active"
+                      className="text-white fw-semibold active"
                       htmlFor="input-newsletter"
                       style={{
                         transition: 'none 0 ease 0',
diff --git a/src/views/NewsletterConfirmSubscribe.jsx b/src/views/NewsletterConfirmSubscribe.jsx
index 660c343..7b77b21 100644
--- a/src/views/NewsletterConfirmSubscribe.jsx
+++ b/src/views/NewsletterConfirmSubscribe.jsx
@@ -1,6 +1,6 @@
 import React, { useEffect } from 'react';
 import { defineMessages, useIntl } from 'react-intl';
-import { Form, Icon, Button } from 'design-react-kit/dist/design-react-kit';
+import { Form, Icon, Button } from 'design-react-kit';
 import { confirmNewsletterSubscription } from '../actions';
 import { useDispatch, useSelector } from 'react-redux';
 import PropTypes from 'prop-types';
diff --git a/src/views/NewsletterConfirmUnsubscribe.jsx b/src/views/NewsletterConfirmUnsubscribe.jsx
index 9c8089a..60b2704 100644
--- a/src/views/NewsletterConfirmUnsubscribe.jsx
+++ b/src/views/NewsletterConfirmUnsubscribe.jsx
@@ -1,6 +1,6 @@
 import React, { useEffect } from 'react';
 import { defineMessages, useIntl } from 'react-intl';
-import { Form, Icon, Button } from 'design-react-kit/dist/design-react-kit';
+import { Form, Icon, Button } from 'design-react-kit';
 import { confirmNewsletterSubscription } from '../actions';
 import { useDispatch, useSelector } from 'react-redux';
 import PropTypes from 'prop-types';