From df5e17f116303eb8ee3ad10dcfb14755a1630d8e Mon Sep 17 00:00:00 2001
From: Matthias Kretschmann <m@kretschmann.io>
Date: Mon, 15 Mar 2021 21:43:52 +0100
Subject: [PATCH] input tweaks

---
 .../molecules/Web3Donation/InputGroup.module.css       | 10 ++++------
 1 file changed, 4 insertions(+), 6 deletions(-)

diff --git a/src/components/molecules/Web3Donation/InputGroup.module.css b/src/components/molecules/Web3Donation/InputGroup.module.css
index 010377be..5841b683 100644
--- a/src/components/molecules/Web3Donation/InputGroup.module.css
+++ b/src/components/molecules/Web3Donation/InputGroup.module.css
@@ -1,5 +1,5 @@
 .inputGroup {
-  max-width: 18rem;
+  max-width: 20rem;
   margin: auto;
   position: relative;
   animation: fadeIn 0.8s ease-out backwards;
@@ -21,7 +21,7 @@
 
 @media (min-width: 40rem) {
   .inputGroup button {
-    width: 50%;
+    width: 40%;
     border-top-right-radius: var(--border-radius);
     border-top-left-radius: 0;
     border-bottom-left-radius: 0;
@@ -39,7 +39,7 @@
 
 @media (min-width: 40rem) {
   .input {
-    width: 50%;
+    width: 60%;
   }
 }
 
@@ -70,7 +70,6 @@
 
 :global(.dark) .input input {
   border-color: #000;
-  color: var(--text-color-dimmed);
 }
 
 .currency {
@@ -80,8 +79,7 @@
   left: 1px;
   font-size: var(--font-size-small);
   padding: calc(var(--spacer) / 3);
-  color: var(--brand-grey-light);
-  background: var(--brand-light);
+  background: var(--box-background-color);
   border-right: 1px solid var(--text-color-light);
   border-top-left-radius: var(--border-radius);
   border-bottom-left-radius: var(--border-radius);