style updates

tauri-wallet/src/routes/bond/BondForm.tsx

@@ -19,7 +19,6 @@ type TBondNodeFormProps = {
 
 export const BondNodeForm = () => {
   const [advancedShown, setAdvancedShown] = React.useState(false)
-  const [type, setType] = useState(EnumNodeType.Mixnode)
   const [nodeType, setNodeType] = useState(EnumNodeType.Mixnode)
 
   const theme: Theme = useTheme()
@@ -54,7 +53,7 @@ export const BondNodeForm = () => {
               fullWidth
             />
           </Grid>
-          <Grid item xs={12} sm={6}>
+          <Grid item xs={12} sm={9}>
             <TextField
               variant="outlined"
               required
@@ -82,8 +81,8 @@ export const BondNodeForm = () => {
           </Grid>
 
           {/* if it's a gateway - get location */}
-          <Grid item xs={12} sm={6}>
-            {type === EnumNodeType.Gateway && (
+          <Grid item xs={6}>
+            {nodeType === EnumNodeType.Gateway && (
               <TextField
                 variant="outlined"
                 required
@@ -133,7 +132,7 @@ export const BondNodeForm = () => {
                   fullWidth
                 />
               </Grid>
-              {type === EnumNodeType.Mixnode ? (
+              {nodeType === EnumNodeType.Mixnode ? (
                 <>
                   <Grid item xs={12} sm={4}>
                     <TextField

tauri-wallet/src/routes/receive.tsx

@@ -20,7 +20,10 @@ export const Receive = () => {
                 </Alert>
               </Grid>
               <Grid item>
-                <Card style={{ margin: theme.spacing(3, 0) }}>
+                <Card
+                  style={{ margin: theme.spacing(3, 0) }}
+                  variant="outlined"
+                >
                   <CardContent>
                     <div
                       style={{