From 92a8e9f11672aa078d0602f8f44b0b1df40431d5 Mon Sep 17 00:00:00 2001
From: AykutSarac <aykutsarac0@gmail.com>
Date: Wed, 15 May 2024 18:06:37 +0300
Subject: [PATCH] fix styling

---
 src/containers/Modals/UpgradeModal/index.tsx | 6 ++++--
 src/pages/_app.tsx                           | 1 +
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/containers/Modals/UpgradeModal/index.tsx b/src/containers/Modals/UpgradeModal/index.tsx
index 2715ea0..b65a7a0 100644
--- a/src/containers/Modals/UpgradeModal/index.tsx
+++ b/src/containers/Modals/UpgradeModal/index.tsx
@@ -83,6 +83,7 @@ export const UpgradeModal = ({ opened, onClose }: ModalProps) => {
             px="sm"
             style={{
               borderColor: getBorderColor("monthly"),
+              cursor: "pointer",
             }}
             onClick={() => setPlan("monthly")}
           >
@@ -95,12 +96,13 @@ export const UpgradeModal = ({ opened, onClose }: ModalProps) => {
             p="sm"
             style={{
               borderColor: getBorderColor("annual"),
+              cursor: "pointer",
             }}
             onClick={() => setPlan("annual")}
           >
             <Flex justify="space-between">
               <Radio value="annual" label="Annual" size="xs" />
-              <Badge color="blue" size="xs" radius="sm">
+              <Badge variant="light" color="blue" size="xs" radius="sm">
                 Save 16%
               </Badge>
             </Flex>
@@ -127,7 +129,7 @@ export const UpgradeModal = ({ opened, onClose }: ModalProps) => {
         <List.Item>Compare Data</List.Item>
         <List.Item>Edit on Graphs</List.Item>
         <List.Item>
-          <Anchor fz="sm" href="/#preview" target="_blank">
+          <Anchor c="gray" fz="sm" href="/#preview" target="_blank">
             ...and more
           </Anchor>
         </List.Item>
diff --git a/src/pages/_app.tsx b/src/pages/_app.tsx
index 7dca683..f988c5c 100644
--- a/src/pages/_app.tsx
+++ b/src/pages/_app.tsx
@@ -18,6 +18,7 @@ const theme = createTheme({
   autoContrast: true,
   fontSmoothing: false,
   respectReducedMotion: true,
+  cursorType: "pointer",
   primaryShade: 8,
 });