From 7cdd4539535aee5ee0c1d58bf4eae45be7eae30c Mon Sep 17 00:00:00 2001
From: Nafees Nazik <84864519+G3root@users.noreply.github.com>
Date: Tue, 17 Jan 2023 17:51:05 +0530
Subject: [PATCH] fix: button shifting while focusing (#6521)

* fix: remove border on focus

* refactor: remove dark mode styles
---
 apps/web/components/booking/pages/BookingPage.tsx | 7 +------
 packages/ui/components/button/Button.tsx          | 2 +-
 2 files changed, 2 insertions(+), 7 deletions(-)

diff --git a/apps/web/components/booking/pages/BookingPage.tsx b/apps/web/components/booking/pages/BookingPage.tsx
index c17fd5fb1d..888bffe512 100644
--- a/apps/web/components/booking/pages/BookingPage.tsx
+++ b/apps/web/components/booking/pages/BookingPage.tsx
@@ -961,12 +961,7 @@ const BookingPage = ({
                       className="mr-auto"
                     />
                   )}
-                  <Button
-                    color="minimal"
-                    type="button"
-                    onClick={() => router.back()}
-                    // We override this for this component only for now - as we don't support darkmode everywhere in the app
-                    className="dark:hover:bg-darkgray-200 dark:border-none dark:text-white">
+                  <Button color="minimal" type="button" onClick={() => router.back()}>
                     {t("cancel")}
                   </Button>
                   <Button
diff --git a/packages/ui/components/button/Button.tsx b/packages/ui/components/button/Button.tsx
index cb22f17c3e..3ff49f04d3 100644
--- a/packages/ui/components/button/Button.tsx
+++ b/packages/ui/components/button/Button.tsx
@@ -73,7 +73,7 @@ const buttonClasses = cva(
         disabled: [undefined, false],
         color: "primary",
         className:
-          "bg-brand-500 hover:bg-brand-400 focus:border focus:border-white focus:outline-none focus:ring-2 focus:ring-offset focus:ring-brand-500 dark:hover:bg-darkgray-600 dark:bg-darkgray-900",
+          "bg-brand-500 hover:bg-brand-400 focus:outline-none focus:ring-2 focus:ring-offset focus:ring-brand-500 dark:hover:bg-darkgray-600 dark:bg-darkgray-900",
       }),
       // Secondary variants
       {