diff --git a/client/src/routes/Faucet/index.module.scss b/client/src/routes/Faucet/index.module.scss
index ef195d0..e4f1512 100644
--- a/client/src/routes/Faucet/index.module.scss
+++ b/client/src/routes/Faucet/index.module.scss
@@ -3,5 +3,5 @@
.actions {
display: grid;
gap: $spacer / 2;
- grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
+ grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
}
diff --git a/client/src/routes/Faucet/index.test.tsx b/client/src/routes/Faucet/index.test.tsx
index 0310b89..7b5dbdc 100644
--- a/client/src/routes/Faucet/index.test.tsx
+++ b/client/src/routes/Faucet/index.test.tsx
@@ -3,7 +3,7 @@ import { render, fireEvent } from '@testing-library/react'
import { MemoryRouter } from 'react-router'
import { createMemoryHistory, createLocation } from 'history'
import Faucet from '.'
-import { User } from '../../context'
+import { User, Market } from '../../context'
import { userMockConnected } from '../../../__mocks__/user-mock'
const history = createMemoryHistory()
@@ -12,13 +12,22 @@ const location = createLocation('/faucet')
const setup = () => {
const utils = render(
-
-
-
+
+
+
+
+
)
const button = utils.getByText('Request ETH')
@@ -49,6 +58,6 @@ describe('Faucet', () => {
fireEvent.click(button)
expect(userMockConnected.requestFromFaucet).toHaveBeenCalledTimes(1)
// check for spinner
- expect(getByText('Getting Ether...')).toBeInTheDocument()
+ expect(getByText('Getting ETH...')).toBeInTheDocument()
})
})
diff --git a/client/src/routes/Faucet/index.tsx b/client/src/routes/Faucet/index.tsx
index af081dc..5cc64e0 100644
--- a/client/src/routes/Faucet/index.tsx
+++ b/client/src/routes/Faucet/index.tsx
@@ -14,7 +14,9 @@ function Faucet() {
return (