From 99b214f91945585fcbbc0fb4790f6df91579b8b9 Mon Sep 17 00:00:00 2001
From: Anmol Singh Bhatia <asb@Anmols-MacBook-Pro.local>
Date: Tue, 19 Sep 2023 17:02:01 +0530
Subject: [PATCH 1/2] style: settings page improvement

---
 web/components/ui/toggle-switch.tsx                  | 2 +-
 web/pages/[workspaceSlug]/me/profile/activity.tsx    | 2 +-
 web/pages/[workspaceSlug]/me/profile/preferences.tsx | 2 +-
 web/pages/[workspaceSlug]/settings/billing.tsx       | 2 +-
 4 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/web/components/ui/toggle-switch.tsx b/web/components/ui/toggle-switch.tsx
index e52ff26c944..07aa7b816b0 100644
--- a/web/components/ui/toggle-switch.tsx
+++ b/web/components/ui/toggle-switch.tsx
@@ -35,7 +35,7 @@ export const ToggleSwitch: React.FC<Props> = (props) => {
                 : size === "md"
                 ? "translate-x-4"
                 : "translate-x-5") + " bg-white"
-            : "translate-x-1 bg-custom-background-90"
+            : "translate-x-[2px] bg-custom-background-90"
         }`}
       />
     </Switch>
diff --git a/web/pages/[workspaceSlug]/me/profile/activity.tsx b/web/pages/[workspaceSlug]/me/profile/activity.tsx
index ee527829bf0..d8588390e86 100644
--- a/web/pages/[workspaceSlug]/me/profile/activity.tsx
+++ b/web/pages/[workspaceSlug]/me/profile/activity.tsx
@@ -46,7 +46,7 @@ const ProfileActivity = () => {
         {userActivity ? (
           <section className="pr-9 py-8 w-full overflow-y-auto">
             <div className="flex items-center py-3.5 border-b border-custom-border-200">
-              <h3 className="text-xl font-medium">Acitivity</h3>
+              <h3 className="text-xl font-medium">Activity</h3>
             </div>
             <div className={`flex flex-col gap-2 py-4 w-full`}>
               <ul role="list" className="-mb-4">
diff --git a/web/pages/[workspaceSlug]/me/profile/preferences.tsx b/web/pages/[workspaceSlug]/me/profile/preferences.tsx
index b1b16a3d4f7..eb6a3c8211a 100644
--- a/web/pages/[workspaceSlug]/me/profile/preferences.tsx
+++ b/web/pages/[workspaceSlug]/me/profile/preferences.tsx
@@ -66,7 +66,7 @@ const ProfilePreferences = observer(() => {
 
           <div className="pr-9 py-8 w-full overflow-y-auto">
             <div className="flex items-center py-3.5 border-b border-custom-border-200">
-              <h3 className="text-xl font-medium">Acitivity</h3>
+              <h3 className="text-xl font-medium">Preferences</h3>
             </div>
             <div className="grid grid-cols-12 gap-4 sm:gap-16 py-6">
               <div className="col-span-12 sm:col-span-6">
diff --git a/web/pages/[workspaceSlug]/settings/billing.tsx b/web/pages/[workspaceSlug]/settings/billing.tsx
index 898b716bf41..eeb95a5a323 100644
--- a/web/pages/[workspaceSlug]/settings/billing.tsx
+++ b/web/pages/[workspaceSlug]/settings/billing.tsx
@@ -50,7 +50,7 @@ const BillingSettings: NextPage = () => {
         <section className="pr-9 py-8 w-full overflow-y-auto">
           <div>
             <div className="flex  items-center py-3.5 border-b border-custom-border-200">
-              <h3 className="text-xl font-medium">Billing & Plan</h3>
+              <h3 className="text-xl font-medium">Billing & Plans</h3>
             </div>
           </div>
           <div className="px-4 py-6">

From e47cbd15062cac86197b7778dac10b0662c75b88 Mon Sep 17 00:00:00 2001
From: Anmol Singh Bhatia <asb@Anmols-MacBook-Pro.local>
Date: Tue, 19 Sep 2023 17:46:25 +0530
Subject: [PATCH 2/2] style: toggle switch styling

---
 web/components/ui/toggle-switch.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/web/components/ui/toggle-switch.tsx b/web/components/ui/toggle-switch.tsx
index 07aa7b816b0..d6c512ad7fd 100644
--- a/web/components/ui/toggle-switch.tsx
+++ b/web/components/ui/toggle-switch.tsx
@@ -35,7 +35,7 @@ export const ToggleSwitch: React.FC<Props> = (props) => {
                 : size === "md"
                 ? "translate-x-4"
                 : "translate-x-5") + " bg-white"
-            : "translate-x-[2px] bg-custom-background-90"
+            : "translate-x-0.5 bg-custom-background-90"
         }`}
       />
     </Switch>