diff --git a/bootstrap_barrio.info.yml b/bootstrap_barrio.info.yml
index 7ab04f6c45576920886ba4ae98d6fd3d94cff7d1..321683aab8e1062ef452cfe43a2c825141c6f083 100644
--- a/bootstrap_barrio.info.yml
+++ b/bootstrap_barrio.info.yml
@@ -5,6 +5,9 @@ core: 8.x
 core_version_requirement: ^8 || ^9
 base theme: false
 
+dependencies:
+  - bootstrap_extras
+
 libraries:
   - bootstrap_barrio/global-styling
 
diff --git a/bootstrap_barrio.layouts.yml b/bootstrap_barrio.layouts.yml
index c3eee859a35e640ec7901cafea58065820c3ad2f..2edb5e3cc5b12705e83e1021511b9719943ce53c 100644
--- a/bootstrap_barrio.layouts.yml
+++ b/bootstrap_barrio.layouts.yml
@@ -2,7 +2,7 @@ bb_cardbasic:
   label: Card basic
   category: Barrio
   template: templates/ds/layout--ds-card-basic
-  class: '\Drupal\ds\Plugin\DsLayout'
+  class: '\Drupal\bootstrap_extras\Plugin\BarrioLayout'
   regions:
     first:
       label: Content
@@ -10,7 +10,7 @@ bb_cardtopimage:
   label: Card top image
   category: Barrio
   template: templates/ds/layout--ds-card-top-image
-  class: '\Drupal\ds\Plugin\DsLayout'
+  class: '\Drupal\bootstrap_extras\Plugin\BarrioLayout'
   regions:
     first:
       label: Image
@@ -20,7 +20,7 @@ bb_cardimageoverlay:
   label: Card image overlay
   category: Barrio
   template: templates/ds/layout--ds-card-image-overlay
-  class: '\Drupal\ds\Plugin\DsLayout'
+  class: '\Drupal\bootstrap_extras\Plugin\BarrioLayout'
   regions:
     first:
       label: Image
@@ -30,7 +30,7 @@ bb_cardheaderfooter:
   label: Card header footer
   category: Barrio
   template: templates/ds/layout--ds-card-header-footer
-  class: '\Drupal\ds\Plugin\DsLayout'
+  class: '\Drupal\bootstrap_extras\Plugin\BarrioLayout'
   regions:
     first:
       label: Header
@@ -42,7 +42,7 @@ bb_card3stack:
   label: Card three block stacked
   category: Barrio
   template: templates/ds/layout--ds-card-3stack
-  class: '\Drupal\ds\Plugin\DsLayout'
+  class: '\Drupal\bootstrap_extras\Plugin\BarrioLayout'
   regions:
     first:
       label: First
@@ -54,7 +54,7 @@ bb_media:
   label: Media
   category: Barrio
   template: templates/ds/layout--ds-media
-  class: '\Drupal\ds\Plugin\DsLayout'
+  class: '\Drupal\bootstrap_extras\Plugin\BarrioLayout'
   regions:
     first:
       label: Image
diff --git a/composer.json b/composer.json
index c9dcec55e95cad6b957ae6b7244a2e929a8edb03..e8e841d01281cb7e91b6586be9cbaeb96b047d6f 100644
--- a/composer.json
+++ b/composer.json
@@ -5,7 +5,8 @@
   "license": "GPL-2.0-or-later",
   "homepage": "https://www.drupal.org/project/bootstrap_barrio",
   "require": {
-    "twbs/bootstrap": "^4.4.1"
+    "twbs/bootstrap": "^4.4.1",
+    "drupal/bootstrap_extras": "^4.0.0"
   },
   "authors": [{
     "name": "Alberto Siles",