diff --git a/frontend/src/components/Invest.tsx b/frontend/src/components/Invest.tsx
index 44cccb9..7d626e3 100644
--- a/frontend/src/components/Invest.tsx
+++ b/frontend/src/components/Invest.tsx
@@ -61,7 +61,15 @@ export default class Invest extends React.Component<Properties, State> {
     let component;
     switch (this.state.approvalState) {
       case ApprovalState.Loading:
-        component = <p key="loading">Loading</p>;
+        component = (
+          <input
+            key="loading"
+            className="button"
+            type="button"
+            value="Loading..."
+            disabled={true}
+          />
+        );
         break;
       case ApprovalState.ApprovalRequired:
         component = (
@@ -130,7 +138,7 @@ export default class Invest extends React.Component<Properties, State> {
           name="leverage"
           type="range"
           min="1.01"
-          max="10"
+          max="5"
           step="0.01"
           value={utils.formatUnits(this.state.leverage, 2)}
           onChange={(el) => this.onLeverageChange(el.target.value)}
diff --git a/frontend/src/index.scss b/frontend/src/index.scss
index e88df7d..d420413 100644
--- a/frontend/src/index.scss
+++ b/frontend/src/index.scss
@@ -27,7 +27,6 @@ body {
   border: metrics.$border-width solid colors.$border-color;
   padding: metrics.$padding;
   border-radius: metrics.$padding;
-  cursor: pointer;
   user-select: none;
   &:active {
     background: colors.$border-color;
@@ -35,4 +34,12 @@ body {
   &:hover {
     background-color: colors.$alt-light;
   }
+  
+
+  &:disabled {
+    background-color: desaturate($color: colors.$alt, $amount: 50);
+  }
+  &:not(:disabled) {
+    cursor: pointer;
+  }
 }