diff --git a/src/components/atoms/Image.svelte b/src/components/atoms/Image.svelte
index da9e981..01af85e 100644
--- a/src/components/atoms/Image.svelte
+++ b/src/components/atoms/Image.svelte
@@ -67,7 +67,7 @@
     }
 </script>
 
-<picture class={$$props.class ? $$props.class : ''}>
+<picture class={$$props.class}>
     <source
         type="image/webp"
         srcset={srcSet.webp.join(', ').trim()}
diff --git a/src/components/organisms/Carousel.svelte b/src/components/organisms/Carousel.svelte
index 19ea797..598c18e 100644
--- a/src/components/organisms/Carousel.svelte
+++ b/src/components/organisms/Carousel.svelte
@@ -18,17 +18,11 @@
 
 
     /** Navigate to specific slide */
-    const goToSlide = (index: number = 0) => {
-        carousel.scrollTo(index)
-    }
+    const goToSlide = (index: number = 0) => carousel.scrollTo(index)
 
     /** Move and change arrow direction when moving */
     const arrowPosition = writable({ x: 0, y: 0 })
 
-
-    /**
-     *
-     */
     /** Move arrow and define direction on mousemove */
     const handleArrowMove = (event: MouseEvent) => {
         const { left, top, width } = carouselEl.getBoundingClientRect()
@@ -88,7 +82,7 @@
     })
 </script>
 
-<div class="carousel {$$props.class ? $$props.class : ''}">
+<div class="carousel {$$props.class ?? ''}">
     {#if slides.length}
         <div class="carousel__viewport" bind:this={carouselEl}
             on:mousemove={handleArrowMove}