diff --git a/frontend/src/app/components/faucet/faucet.component.html b/frontend/src/app/components/faucet/faucet.component.html
index ac79b24ea..1030087b1 100644
--- a/frontend/src/app/components/faucet/faucet.component.html
+++ b/frontend/src/app/components/faucet/faucet.component.html
@@ -42,7 +42,7 @@
-
+
@@ -57,7 +57,7 @@
Address
-
+
@if (address?.errors?.['required']) {
diff --git a/frontend/src/app/components/faucet/faucet.component.scss b/frontend/src/app/components/faucet/faucet.component.scss
index a8cf295f3..084168ca4 100644
--- a/frontend/src/app/components/faucet/faucet.component.scss
+++ b/frontend/src/app/components/faucet/faucet.component.scss
@@ -8,9 +8,11 @@
align-items: stretch;
justify-content: flex-end;
row-gap: 0.5rem;
+ gap: 0.5rem;
.form-control {
- min-width: 200px;
+ min-width: 160px;
+ flex-grow: 100;
}
.button-group {
@@ -18,6 +20,10 @@
align-items: stretch;
}
+ .submit-button, .button-group, .button-group .btn {
+ flex-grow: 1;
+ }
+
#satoshis::after {
content: 'sats';
position: absolute;