From 497ff0f4ae2e34eef51e38aac30e849ead0f4230 Mon Sep 17 00:00:00 2001
From: Daithi Hearn <daithi.hearn@gmail.com>
Date: Wed, 25 Jan 2023 20:29:10 +0100
Subject: [PATCH] Attempting to disable horizontal scroll on mobile

---
 src/pages/Layout/Layout.tsx | 2 +-
 src/scss/_custom.scss       | 5 +++++
 2 files changed, 6 insertions(+), 1 deletion(-)

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;