diff --git a/inc/widgets.php b/inc/widgets.php
index 79a5ea0..3dda171 100644
--- a/inc/widgets.php
+++ b/inc/widgets.php
@@ -71,7 +71,7 @@ if ( ! function_exists( 'understrap_widgets_init' ) ) {
 			'name'          => __( 'Hero Slider', 'understrap' ),
 			'id'            => 'hero',
 			'description'   => 'Hero slider area. Place two or more widgets here and they will slide!',
-			'before_widget' => '<div class="item">',
+			'before_widget' => '<div class="carousel-item">',
 			'after_widget'  => '</div>',
 			'before_title'  => '',
 			'after_title'   => '',
diff --git a/sidebar-hero.php b/sidebar-hero.php
index a0034aa..dec75dd 100644
--- a/sidebar-hero.php
+++ b/sidebar-hero.php
@@ -11,11 +11,23 @@
 
 	<!-- ******************* The Hero Widget Area ******************* -->
 
-		<div class="owl-carousel">
+		<div id="carouselExampleControls" class="carousel slide" data-ride="carousel">
+  		
+  			<div class="carousel-inner" role="listbox">
 
 			<?php dynamic_sidebar( 'hero' ); ?>
 
+			</div>
+
+			 <a class="carousel-control-prev" href="#carouselExampleControls" role="button" data-slide="prev">
+			    <span class="carousel-control-prev-icon" aria-hidden="true"></span>
+			    <span class="sr-only">Previous</span>
+			  </a>
+			  <a class="carousel-control-next" href="#carouselExampleControls" role="button" data-slide="next">
+			    <span class="carousel-control-next-icon" aria-hidden="true"></span>
+			    <span class="sr-only">Next</span>
+			  </a>
+
 		</div><!-- .owl-carousel -->
 
-		</div><!-- closing owl carousel -->
 <?php endif; ?>