diff --git a/src/pages/Payment/PaymentMethodCard.tsx b/src/pages/Payment/PaymentMethodCard.tsx
index 62fcbec..05ba765 100644
--- a/src/pages/Payment/PaymentMethodCard.tsx
+++ b/src/pages/Payment/PaymentMethodCard.tsx
@@ -18,7 +18,7 @@ export default function PaymentMethodCard({ name, image }: Props) {
                 pr: "10px",
                 display: "flex",
                 borderRadius: "8px",
-                backgroundColor: "#F2F3F7",
+                backgroundColor: theme.palette.background.default,
                 border: `1px solid ${theme.palette.grey2.main}`,
                 gap: "20px",
                 alignItems: "center",
diff --git a/src/pages/Support/CreateTicket.tsx b/src/pages/Support/CreateTicket.tsx
index 5a8c0b1..da16440 100644
--- a/src/pages/Support/CreateTicket.tsx
+++ b/src/pages/Support/CreateTicket.tsx
@@ -48,8 +48,8 @@ export default function CreateTicket() {
                         placeholder="Заголовок обращения"
                         id="ticket-header"
                         sx={{
-                            backgroundColor: "#F2F3F7",
-                            border: `1px solid #9A9AAF`,
+                            backgroundColor: theme.palette.background.default,
+                            border: `1px solid ${theme.palette.grey2.main}`,
                             borderRadius: "10px",
                             p: 0,
                         }}
@@ -71,8 +71,8 @@ export default function CreateTicket() {
                     <Box sx={{
                         overflow: "hidden",
                         mt: "16px",
-                        backgroundColor: "#F2F3F7", // TODO replace colors with theme
-                        border: `1px solid #9A9AAF`,
+                        backgroundColor: theme.palette.background.default,
+                        border: `1px solid ${theme.palette.grey2.main}`,
                         borderRadius: "10px",
                     }}>
                         <InputBase