From 6f25b23abec7a63a40aaa447ac8cc5022162d67c Mon Sep 17 00:00:00 2001
From: Gitanjli <96485413+gitanjli525@users.noreply.github.com>
Date: Tue, 10 Sep 2024 21:26:32 +0530
Subject: [PATCH] fix: ui bugs homepage (#1350)

---
 src/screens/OMPSwitch/MerchantSwitch.res  | 2 +-
 src/screens/OMPSwitch/OMPSwitchHelper.res | 6 ++++--
 src/screens/OMPSwitch/ProfileSwitch.res   | 2 +-
 src/screens/Sidebar/SidebarSwitch.res     | 2 +-
 4 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/src/screens/OMPSwitch/MerchantSwitch.res b/src/screens/OMPSwitch/MerchantSwitch.res
index 20e7a11be..22f3b4031 100644
--- a/src/screens/OMPSwitch/MerchantSwitch.res
+++ b/src/screens/OMPSwitch/MerchantSwitch.res
@@ -148,7 +148,7 @@ let make = () => {
     setArrow(prev => !prev)
   }
 
-  <div className="border border-popover-background rounded w-full">
+  <div className="border border-popover-background rounded w-5/6">
     <SelectBox.BaseDropdown
       allowMultiSelect=false
       buttonText=""
diff --git a/src/screens/OMPSwitch/OMPSwitchHelper.res b/src/screens/OMPSwitch/OMPSwitchHelper.res
index 2aae98400..964a3227a 100644
--- a/src/screens/OMPSwitch/OMPSwitchHelper.res
+++ b/src/screens/OMPSwitch/OMPSwitchHelper.res
@@ -3,9 +3,11 @@ module ListBaseComp = {
   let make = (~heading, ~subHeading, ~arrow) => {
     <div
       className="flex items-center justify-between text-sm text-center text-white font-medium rounded hover:bg-opacity-80 bg-sidebar-blue cursor-pointer">
-      <div className="flex flex-col items-start px-2 py-2">
+      <div className="flex flex-col items-start px-2 py-2 w-5/6">
         <p className="text-xs text-gray-400"> {heading->React.string} </p>
-        <p className="fs-10"> {subHeading->React.string} </p>
+        <div className="w-full text-left overflow-auto">
+          <p className="fs-10"> {subHeading->React.string} </p>
+        </div>
       </div>
       <div className="px-2 py-2">
         <Icon
diff --git a/src/screens/OMPSwitch/ProfileSwitch.res b/src/screens/OMPSwitch/ProfileSwitch.res
index eb09bb616..44de22296 100644
--- a/src/screens/OMPSwitch/ProfileSwitch.res
+++ b/src/screens/OMPSwitch/ProfileSwitch.res
@@ -132,7 +132,7 @@ let make = () => {
   }
 
   let customPadding = "px-1 py-1"
-  let customStyle = "w-fit text-blue-500 bg-white dark:bg-black hover:bg-jp-gray-100 text-nowrap"
+  let customStyle = "text-blue-500 bg-white dark:bg-black hover:bg-jp-gray-100 text-nowrap w-full"
 
   let profileSwitch = async value => {
     try {
diff --git a/src/screens/Sidebar/SidebarSwitch.res b/src/screens/Sidebar/SidebarSwitch.res
index 0d3bb30e4..bae214157 100644
--- a/src/screens/Sidebar/SidebarSwitch.res
+++ b/src/screens/Sidebar/SidebarSwitch.res
@@ -16,7 +16,7 @@ let make = (~isSidebarExpanded=false) => {
   let expandedContent =
     <div className="flex flex-col gap-2 mx-2">
       <OrgSwitch />
-      <div className="flex">
+      <div className="flex gap-2">
         <div
           className="w-2.5 h-10 border-blue-810 ml-5 border-dashed border-b border-l rounded-bl-sm"
         />