diff --git a/htdocs/theme/raw/plugintype/artefact/file/blocktype/gallery/templates/slideshow.tpl b/htdocs/theme/raw/plugintype/artefact/file/blocktype/gallery/templates/slideshow.tpl
index 9c5653d197b8eacc5ad52474267b26f842bbd271..3df049c1ec1c4ef6238fb76a078859a0dbb8cc88 100644
--- a/htdocs/theme/raw/plugintype/artefact/file/blocktype/gallery/templates/slideshow.tpl
+++ b/htdocs/theme/raw/plugintype/artefact/file/blocktype/gallery/templates/slideshow.tpl
@@ -4,7 +4,7 @@
         <div class="carousel-inner" role="listbox">
             {foreach from=$images item=image key=k name=images}
 
-            <div class="{if $dwoo.foreach.images.first}item active{else}item{/if}">
+            <div class="{if $dwoo.foreach.images.first}carousel-item active{else}carousel-item{/if}">
                 <img src="{$image.source}" alt="{$image.title}" title="{$image.title}" class="mx-auto d-block">
 
                 {if $showdescription && $image.title}
diff --git a/htdocs/theme/raw/sass/_custom.scss b/htdocs/theme/raw/sass/_custom.scss
index 8ac4ad808a2c1eda24a150eb2e75906b5f603dc0..eb7aaa339c4a1b70a93ec7046432cb179f9a9d38 100644
--- a/htdocs/theme/raw/sass/_custom.scss
+++ b/htdocs/theme/raw/sass/_custom.scss
@@ -296,6 +296,10 @@
         background: #fff;
         box-shadow: 0 0 3px 5px #f8f8f8;
     }
+    &.card.card-secondary > .block > .card-body {
+        overflow: hidden;
+        padding: 15px 20px;
+    }
 }
 
 .user-thumbnails {
diff --git a/htdocs/theme/raw/sass/components/_carousel.scss b/htdocs/theme/raw/sass/components/_carousel.scss
index daca50fa1b459f0af79cedea380f1b5e3476700b..2795dff0190ccfd48a5f726cd274cf8627cd650e 100644
--- a/htdocs/theme/raw/sass/components/_carousel.scss
+++ b/htdocs/theme/raw/sass/components/_carousel.scss
@@ -1,12 +1,15 @@
 .carousel {
     width: 82%;
     margin: 0 auto;
-    .item {
+    .carousel-inner {
+        overflow: visible;
+    }
+    .carousel-item {
         display: block;
     }
 
     &.carousel-ready {
-        .item {
+        .carousel-item {
             display: none;
             &.active,
             &.next {
@@ -30,37 +33,56 @@
         padding: 10px 0 0 0;
     }
     .carousel-control {
-        width: 8%;
+        width: auto;
         opacity: 1;
         top: 0;
         bottom: 100%;
+        position: absolute;
         ~ .icon {
             vertical-align: middle;
         }
         &.left {
-            left: -10%;
+            left: -25px;
         }
         &.right {
-            right: -10%;
+            right: -25px;
         }
         &:hover,
         &:focus {
             opacity: 1;
         }
         .icon-lg {
-            font-size: 1.5em;
+            font-size: 1.875rem;
+        }
+        .carousel-control-first,
+        .carousel-control-last {
+            margin-top: 35px;
+        }
+        .carousel-control-last {
+            text-align: right;
+        }
+        .carousel-control-prev,
+        .carousel-control-next {
+            .icon {
+                margin-right: 0;
+                margin-left: 0;
+            }
         }
         a {
             display: block;
-            padding: 3px;
             color: $theme-text-color;
             opacity: .5;
+            width: 20px;
             &:hover,
             &:focus {
                 outline: 0;
                 text-decoration: none;
                 opacity: .9;
             }
+            .icon {
+                width: 100%;
+                text-align: center;
+            }
         }
     }
 }