From 2391857309c1d70a63af43e0bac2b75215cc597d Mon Sep 17 00:00:00 2001
From: victorAnumudu <anumuduchukwuebuka@gmail.com>
Date: Fri, 14 Jul 2023 12:58:49 +0100
Subject: [PATCH] flex display changed to suit mac screen

---
 src/components/Settings/Tabs/ChangePasswordTab.jsx | 2 +-
 tailwind.config.js                                 | 3 ++-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/components/Settings/Tabs/ChangePasswordTab.jsx b/src/components/Settings/Tabs/ChangePasswordTab.jsx
index a078646..b3e5236 100644
--- a/src/components/Settings/Tabs/ChangePasswordTab.jsx
+++ b/src/components/Settings/Tabs/ChangePasswordTab.jsx
@@ -40,7 +40,7 @@ export default function ChangePasswordTab() {
   };
   return (
     <div className="changePasswordTab w-full">
-      <div className="w-full flex xl:flex-row flex-col-reverse space-x-5 xl:items-center">
+      <div className="w-full flex xxl:flex-row flex-col-reverse space-x-5 xl:items-center">
         <div className="flex-1 mb-10">
           <div className="input-field mb-6">
             <label
diff --git a/tailwind.config.js b/tailwind.config.js
index 2ed5559..e3a086e 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -21,7 +21,8 @@ module.exports = {
         'alice-blue': '#f0f8ff'
       },
       screens:{
-        xxs: '400px'
+        xxs: '400px',
+        xxl:'1900px'
       }
     },
   },