diff --git a/src/index.js b/src/index.js
index 6f16c77..020e3ab 100644
--- a/src/index.js
+++ b/src/index.js
@@ -11,7 +11,6 @@ import App from './containers/App';
 import 'swiper/css';
 import 'swiper/css/navigation';
 import 'swiper/css/pagination';
-// import 'swiper/css/scrollbar';
 // Import main sass file to apply global styles
 import './static/sass/style.scss';
 
diff --git a/src/static/sass/components/_movieShowcase.scss b/src/static/sass/components/_movieShowcase.scss
index 74d5168..582ba72 100644
--- a/src/static/sass/components/_movieShowcase.scss
+++ b/src/static/sass/components/_movieShowcase.scss
@@ -1,125 +1,125 @@
 // Override swiper styles
 .swiper-pagination {
-   top: 0 !important;
-   height: 2rem !important;
-   text-align: right !important;
-   padding-right: 4rem !important;
+  top: 0 !important;
+  height: 2rem !important;
+  text-align: right !important;
+  padding-right: 4rem !important;
 }
 
 .swiper-pagination-bullet {
-   background-color: rgb(255, 255, 255) !important;
+  background-color: rgb(255, 255, 255) !important;
 }
 
-.swiper-container-horizontal>.swiper-pagination-bullets {
-   bottom: 0 !important;
-   left: 0 !important;
-   width: 100% !important;
+.swiper-container-horizontal > .swiper-pagination-bullets {
+  bottom: 0 !important;
+  left: 0 !important;
+  width: 100% !important;
 }
 
 div.swiper-button-prev,
 div.swiper-button-next {
-   transition: all 450ms !important;
-   color: rgb(255, 255, 255);
+  transition: all 450ms !important;
+  color: rgb(255, 255, 255);
 
-   &:hover {
-      transform: scale(1.2) !important;
-      transition: all 450ms !important;
-   }
+  &:hover {
+    transform: scale(1.2) !important;
+    transition: all 450ms !important;
+  }
 }
 
 .swiper-slide {
-   transition: all 450ms !important;
+  transition: all 450ms !important;
 }
 
 .swiper-wrapper:hover .swiper-slide {
-   opacity: .3 !important;
+  opacity: 0.3 !important;
 
-   &:hover {
-      transform: scale(1.3) !important;
-      opacity: 1 !important;
+  &:hover {
+    transform: scale(1.3) !important;
+    opacity: 1 !important;
 
-      @include responsive(tab_port) {
-         transform: scale(1.2) !important;
-      }
-   }
+    @include responsive(tab_port) {
+      transform: scale(1.2) !important;
+    }
+  }
 }
 
 .movieShowcase {
-   background-color: $color-background;
-   grid-column: 2 / 13;
-   color: #fff;
+  background-color: transparent;
+  grid-column: 2 / 13;
+  color: #fff;
 
-   &__heading {
-      padding-top: 2rem;
-   }
+  &__heading {
+    padding-top: 2rem;
+  }
 
-   &__container::-webkit-scrollbar {
-      display: none;
-   }
+  &__container::-webkit-scrollbar {
+    display: none;
+  }
+
+  &__container {
+    @include responsive(phone) {
+      width: 98vw;
+    }
+
+    &--movie:hover ~ &--movie {
+      transform: translate3d(5rem, 0, 0);
+
+      @include responsive(tab_port) {
+        transform: translate3d(3rem, 0, 0);
+      }
 
-   &__container {
       @include responsive(phone) {
-         width: 98vw;
+        transform: translate3d(2.8rem, 0, 0);
+      }
+    }
+
+    &--movie__netflix:hover ~ &--movie__netflix {
+      transform: translate3d(1rem, 0, 0);
+    }
+
+    &:hover &--movie__netflix {
+      &:hover {
+        transform: scale(1.1) !important;
+
+        @include responsive(tab_port) {
+          transform: scale(1.05) !important;
+        }
+
+        @include responsive(phone) {
+          transform: scale(1.05) !important;
+        }
+      }
+    }
+
+    &--movie {
+      cursor: pointer;
+      transition: all 450ms;
+      transform: center left;
+      padding-top: 3.5rem;
+      padding-bottom: 4rem;
+      min-height: 0;
+      object-fit: contain;
+
+      &:not(:last-child) {
+        padding-right: 0.5rem;
       }
 
-      &--movie:hover~&--movie {
-         transform: translate3d(5rem, 0, 0);
-
-         @include responsive(tab_port) {
-            transform: translate3d(3rem, 0, 0);
-         }
-
-         @include responsive(phone) {
-            transform: translate3d(2.8rem, 0, 0);
-         }
+      &-image {
+        height: 100%;
+        width: 100%;
+        object-fit: contain;
       }
 
-      &--movie__netflix:hover~&--movie__netflix {
-         transform: translate3d(1rem, 0, 0);
+      &__netflix {
+        min-height: 0;
+        padding-top: 3rem;
+        padding-bottom: 4rem;
+        padding-right: 1rem;
+        cursor: pointer;
+        transition: all 450ms;
+        transform: center left;
       }
-
-      &:hover &--movie__netflix {
-         &:hover {
-            transform: scale(1.1) !important;
-
-            @include responsive(tab_port) {
-               transform: scale(1.05) !important;
-            }
-
-            @include responsive(phone) {
-               transform: scale(1.05) !important;
-            }
-         }
-      }
-
-      &--movie {
-         cursor: pointer;
-         transition: all 450ms;
-         transform: center left;
-         padding-top: 3.5rem;
-         padding-bottom: 4rem;
-         min-height: 0;
-         object-fit: contain;
-
-         &:not(:last-child) {
-            padding-right: .5rem;
-         }
-
-         &-image {
-            height: 100%;
-            width: 100%;
-            object-fit: contain;
-         }
-
-         &__netflix {
-            min-height: 0;
-            padding-top: 3rem;
-            padding-bottom: 4rem;
-            padding-right: 1rem;
-            cursor: pointer;
-            transition: all 450ms;
-            transform: center left;
-         }
-      }
-   }
-}
\ No newline at end of file
+    }
+  }
+}
diff --git a/src/static/sass/layout/_header.scss b/src/static/sass/layout/_header.scss
index d9d70be..eb50ef2 100644
--- a/src/static/sass/layout/_header.scss
+++ b/src/static/sass/layout/_header.scss
@@ -1,85 +1,91 @@
 .header {
-   background-color: $color-background;
-   grid-column: 1 / 13;
-   height: 65rem;
-   display: inline-block;
+  background-color: $color-background;
+  grid-column: 1 / 13;
+  height: 65rem;
+  display: inline-block;
 
-   @include responsive(phone) {
-      height: 50rem;
-   }
-   
-  
-   &__container {
-      padding-top: 20rem;
-      padding-left: 4.5rem;
+  @include responsive(phone) {
+    height: 50rem;
+  }
+
+  &__container {
+    padding-top: 20rem;
+    padding-left: 4.5rem;
+    color: #fff;
+
+    @include responsive(phone) {
+      padding-left: 1rem;
+    }
+
+    &-heading {
+      font-size: 6rem;
+      padding-bottom: 1rem;
+    }
+
+    &-btnPlay,
+    &-btnMyList {
+      cursor: pointer;
+      font-size: 1.6rem;
       color: #fff;
+      outline: none;
+      border: none;
+      font-weight: 700;
+      border-radius: 0.2vw;
+      padding-left: 3.5rem;
+      padding-right: 3.5rem;
+      margin-right: 1rem;
+      padding-top: 1rem;
+      background-color: rgba(51, 51, 51, 0.5);
+      padding-bottom: 1rem;
+
+      &-add {
+        width: 15px;
+        height: 15px;
+        fill: #fff;
+        margin-right: 1rem;
+      }
+
+      &-play {
+        width: 15px;
+        height: 15px;
+        fill: #fff;
+        margin-right: 1rem;
+      }
+
+      &:hover {
+        color: #000;
+        background-color: #e6e6e6;
+        transition: all 0.2s;
+        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
+
+        & > * {
+          fill: #000;
+        }
+      }
+    }
+
+    &-overview {
+      width: 45rem;
+      line-height: 1.3;
+      padding-top: 2.5rem;
+      font-size: 1.8rem;
 
       @include responsive(phone) {
-         padding-left: 1rem;
+        width: 36rem;
       }
+    }
+  }
 
-      &-heading {
-         font-size: 6rem;
-         padding-bottom: 1rem;
-      }
-
-      &-btnPlay, 
-      &-btnMyList {
-         cursor: pointer;
-         font-size: 1.6rem;
-         color: #fff;
-         outline: none;
-         border: none;
-         font-weight: 700;
-         border-radius: .2vw;
-         padding-left: 3.5rem;
-         padding-right: 3.5rem;
-         margin-right: 1rem;
-         padding-top: 1rem;
-         background-color: rgba(51,51,51,.5); 
-         padding-bottom: 1rem;
-
-         &-add {
-            width: 15px;
-            height: 15px;
-            fill: #fff;
-            margin-right: 1rem;
-         }
-
-         &-play {
-            width: 15px;
-            height: 15px;
-            fill: #fff;
-            margin-right: 1rem;
-         }
-         
-         &:hover {
-            color: #000;
-            background-color: #e6e6e6;
-            transition: all .2s;
-            box-shadow: 0 1px 2px rgba(0, 0, 0, .3);
-
-            & > * {
-               fill: #000;
-            }
-         }
-      }
-
-      &-overview {
-         width: 45rem;
-         line-height: 1.3;
-         padding-top: 2.5rem;
-         font-size: 1.8rem;
-
-         @include responsive(phone) {
-              width: 36rem;
-         }
-      }
-   }
-
-   &--fadeBottom {
-      height: 28.5rem;
-      background-image: linear-gradient(180deg, transparent,rgba(37, 37, 37, 0.61), rgb(17, 17, 17));
-   }
+  &--fadeBottom {
+    height: 28.5rem;
+    background-image: linear-gradient(
+      180deg,
+      transparent,
+      rgba(0, 0, 0, 0.61),
+      rgb(31, 30, 30),
+      rgb(17, 17, 17),
+      rgb(17, 17, 17),
+      rgb(17, 17, 17)
+    );
+  }
 }
-