From af1d44990ad5883323677dee342fcc7dcb718c10 Mon Sep 17 00:00:00 2001
From: Nicola Benaglia <nico.benaz@gmail.com>
Date: Fri, 18 Apr 2025 18:30:05 +0200
Subject: [PATCH] Resize dialog and add theme

---
 src/components/BuyQortInformation.tsx | 16 +++++++++-------
 1 file changed, 9 insertions(+), 7 deletions(-)

diff --git a/src/components/BuyQortInformation.tsx b/src/components/BuyQortInformation.tsx
index 00fcf52..cbcbe39 100644
--- a/src/components/BuyQortInformation.tsx
+++ b/src/components/BuyQortInformation.tsx
@@ -57,8 +57,8 @@ export const BuyQortInformation = ({ balance }) => {
             display: 'flex',
             flexDirection: 'column',
             gap: '10px',
-            height: '400px',
-            maxHeight: '90vh',
+            height: '350px',
+            maxHeight: '80vh',
             maxWidth: '90vw',
             padding: '10px',
             width: '400px',
@@ -98,7 +98,9 @@ export const BuyQortInformation = ({ balance }) => {
               Trade QORT
             </Typography>
           </ButtonBase>
-          <Spacer height="40px" />
+
+          <Spacer height="15px" />
+
           <Typography
             sx={{
               textDecoration: 'underline',
@@ -108,9 +110,9 @@ export const BuyQortInformation = ({ balance }) => {
           </Typography>
           <List
             sx={{
-              width: '100%',
+              bgcolor: theme.palette.background.default,
               maxWidth: 360,
-              bgcolor: theme.palette.background.paper,
+              width: '100%',
             }}
             aria-label="contacts"
           >
@@ -118,7 +120,7 @@ export const BuyQortInformation = ({ balance }) => {
               <ListItemIcon>
                 <RadioButtonCheckedIcon
                   sx={{
-                    color: theme.palette.primary.main,
+                    color: theme.palette.primary.dark,
                   }}
                 />
               </ListItemIcon>
@@ -128,7 +130,7 @@ export const BuyQortInformation = ({ balance }) => {
               <ListItemIcon>
                 <RadioButtonCheckedIcon
                   sx={{
-                    color: theme.palette.primary.main,
+                    color: theme.palette.primary.dark,
                   }}
                 />
               </ListItemIcon>