diff --git a/src/pages/Layout/Layout.tsx b/src/pages/Layout/Layout.tsx
index c14f8a4..cf7877f 100644
--- a/src/pages/Layout/Layout.tsx
+++ b/src/pages/Layout/Layout.tsx
@@ -15,7 +15,7 @@ const Layout = () => {
     }, [isLoading, isAuthenticated])
 
     return (
-        <div className="main_content">
+        <div className="main_content no-horizontal-scroll">
             <span className="app" style={{ overflowX: "hidden" }}>
                 <div className="app_body">
                     <main className="main">
diff --git a/src/scss/_custom.scss b/src/scss/_custom.scss
index 8569436..80253f6 100644
--- a/src/scss/_custom.scss
+++ b/src/scss/_custom.scss
@@ -17,6 +17,11 @@ body {
     }
 }
 
+.no-horizontal-scroll {
+    overflow-y: scroll;
+    overflow-x: hidden;
+}
+
 @media (min-width: 992px) {
     .sidebar-fixed .sidebar {
         position: fixed;