diff --git a/src/App.css b/src/App.css
index 214f685..6db858f 100644
--- a/src/App.css
+++ b/src/App.css
@@ -3,6 +3,10 @@
 @import "slick-carousel/slick/slick.css";
 @import "slick-carousel/slick/slick-theme.css";
 
+*{
+  box-sizing: border-box;
+}
+
 .App {
   text-align: center;
   margin: 0px;
@@ -123,5 +127,8 @@ header nav ul li {
   background-color: #ff0000;
 }
 
-
+.slider-container{
+  width: 100%;
+  overflow: hidden;
+}
 
diff --git a/src/assets/styles/NavBar.css b/src/assets/styles/NavBar.css
index 0eb0f7c..b68b8e8 100644
--- a/src/assets/styles/NavBar.css
+++ b/src/assets/styles/NavBar.css
@@ -11,6 +11,7 @@
   top: 0;
   position: sticky;
   width: 100%;
+  overflow: hidden;
   z-index: 100;
   font-family: "Roboto", sans-serif;
 }
diff --git a/src/index.css b/src/index.css
index e954b2e..643fd5a 100644
--- a/src/index.css
+++ b/src/index.css
@@ -16,6 +16,7 @@ body {
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   -x: hidden;
+  overflow-x: hidden;
 }
 
 code {