diff --git a/src/plainui/jinja2/plainui/components/list_events.html b/src/plainui/jinja2/plainui/components/list_events.html
index a716b35fe681a6a3387fd04a40c0bdc89e1e2e3b..3716478a24e9750f7caa7a411e22bd0b2f9ed54b 100644
--- a/src/plainui/jinja2/plainui/components/list_events.html
+++ b/src/plainui/jinja2/plainui/components/list_events.html
@@ -62,7 +62,7 @@
         <div class="hub-slider">
             <ul class="hub-slider__container row row-cols-1 row-cols-sm-2 row-cols-lg-3 flex-nowrap m-0 list-unstyled">
             {% for event in events %}
-                <li class="hub-slider__item col p-0 mb-2 mr-2 border border-white {% if loop.first %} {% endif %}{% if loop.last %}mr-0{% endif %}">
+                <li class="hub-slider__item col p-0 mb-2 me-2 border border-white {% if loop.first %} {% endif %}{% if loop.last %}me-0{% endif %}">
                     {{ tile( event,
                         faved=true if event.id | safe in my_favorite_events,
                         scheduled=true if event.id | safe in my_scheduled_events,
diff --git a/src/plainui/styles/hub-assembly.scss b/src/plainui/styles/hub-assembly.scss
index b780de82fa709ca836082a9810c82d4d23eed7e9..556bb5df2b55a63490ed81c6dbf258e019a3d30f 100644
--- a/src/plainui/styles/hub-assembly.scss
+++ b/src/plainui/styles/hub-assembly.scss
@@ -13,5 +13,6 @@
 @import "./components/image";
 @import "./components/buttons";
 @import "./components/badges";
+@import "./components/slider";
 
 * {-webkit-font-smoothing: antialiased;}
diff --git a/src/plainui/styles/hub.scss b/src/plainui/styles/hub.scss
index a490f334a2e87934872819de1fa5cc4528016847..92e7461934e31f0142ccff6f09106a4b18b72b8d 100644
--- a/src/plainui/styles/hub.scss
+++ b/src/plainui/styles/hub.scss
@@ -18,6 +18,7 @@
 @import "./components/tile-board";
 @import "./components/tile-message";
 @import "./components/markdown";
+@import "./components/slider";
 @import "./components/syntaxhilite";
 
 * {-webkit-font-smoothing: antialiased;}