From d829d46550d288d63497feb8724d0daf3ba1efec Mon Sep 17 00:00:00 2001
From: Bhanu <itsbhanusharma@users.noreply.github.com>
Date: Mon, 23 Jan 2023 16:50:30 +0530
Subject: [PATCH] Fix category selector overflow on mobile

The category selector tends to overflow on mobile due to width being declared as 500px, This commit changes that to max-width and adding width: 100% to make it scale to screen size.
---
 assets/stylesheets/common/wizard/mobile.scss | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/assets/stylesheets/common/wizard/mobile.scss b/assets/stylesheets/common/wizard/mobile.scss
index e0fa8a72..31f3c50b 100644
--- a/assets/stylesheets/common/wizard/mobile.scss
+++ b/assets/stylesheets/common/wizard/mobile.scss
@@ -33,4 +33,9 @@ body.custom-wizard {
     margin-bottom: 20px;
     width: 100%;
   }
+  
+  .wizard-category-selector {
+    width: 100%;
+    max-width: 500px;
+}
 }