Update donation input

src/pages/donate.module.scss

@@ -2,18 +2,18 @@
 
 .priceAmount {
     display: flex;
-    width: 150px;
     margin: 20px auto;
     border: $border;
     border-radius: 5px;
     overflow: hidden;
     line-height: 40px;
+    width: fit-content;
 
     input {
         flex-grow: 1;
         border: none;
         padding-left: 10px;
-        width: 1px;
+        width: 100px;
         border-right: $border;
     }
 
@@ -21,10 +21,13 @@
         width: 20px;
         text-align: center;
     }
-}
 
     .donateButton {
         @include button;
+        flex-grow: 1;
+        height: 40px;
+        border-radius: 0 5px 5px 0;
+    }
 }
 
 .sronly {

src/pages/donate.tsx

@@ -99,8 +99,6 @@ const DonatePage = (props) => {
                             id="priceInput"
                         />
                         <div>€</div>
-                    </div>
-
                         <a
                         className={styles.donateButton}
                         rel="noopener"
@@ -135,6 +133,7 @@ const DonatePage = (props) => {
                         </span>
                         <ArrowRight />
                     </a>
+                    </div>
                 </article>
             </section>
         </Layout>