remove unnecessary code & enhance gray color over the app

src/pages/split-bill/page.tsx

@@ -7,7 +7,7 @@ import ProText from "components/ProText";
 import { useTranslation } from "react-i18next";
 import { Link, useParams } from "react-router-dom";
 import { useAppSelector } from "redux/hooks";
-import { ProBlack2 } from "ThemeConstants";
+import { ProBlack2, ProGray1 } from "ThemeConstants";
 import PayForActions from "./components/PayForActions";
 import PaymentSummary from "./components/PaymentSummary";
 import TotalPeopleActions from "./components/TotalPeopleActions";
@@ -53,7 +53,7 @@ export default function SplitBillPage() {
                   style={{
                     backgroundColor: "rgba(95, 108, 123, 0.05)",
                     position: "relative",
-                    top: -5,
+                    top: -10,
                   }}
                 >
                   <PeopleIcon />
@@ -61,8 +61,8 @@ export default function SplitBillPage() {
                 <ProText
                   style={{
                     fontSize: "1rem",
-                    marginTop: 2,
-                    color: "rgba(67, 78, 92, 1)",
+                    marginTop: 3,
+                    color: ProGray1,
                   }}
                 >
                   {t("checkout.totalPeople")}
@@ -90,7 +90,7 @@ export default function SplitBillPage() {
                   style={{
                     backgroundColor: "rgba(95, 108, 123, 0.05)",
                     position: "relative",
-                    top: -5,
+                    top: -10,
                   }}
                 >
                   <PeopleIcon />
@@ -99,7 +99,7 @@ export default function SplitBillPage() {
                   style={{
                     fontSize: "1rem",
                     marginTop: 2,
-                    color: "rgba(67, 78, 92, 1)",
+                    color: ProGray1,
                   }}
                 >
                   {t("checkout.payFor")}