diff --git a/static_src/components/icon.jsx b/static_src/components/icon.jsx
index 75084169..1cb0d89c 100644
--- a/static_src/components/icon.jsx
+++ b/static_src/components/icon.jsx
@@ -7,7 +7,7 @@ const ICON_TYPES = ["fill", "stroke"];
 
 const ICON_SIZE = ["small", "medium", "large"];
 
-const STYLE_TYPES = ["alt", "ok", "inactive", "error", "default"];
+const STYLE_TYPES = ["alt", "ok", "inactive", "warning", "error", "default"];
 
 const propTypes = {
   children: PropTypes.node,
diff --git a/static_src/components/usage_and_limits.jsx b/static_src/components/usage_and_limits.jsx
index d6217888..68d0c092 100644
--- a/static_src/components/usage_and_limits.jsx
+++ b/static_src/components/usage_and_limits.jsx
@@ -261,7 +261,7 @@ export default class UsageAndLimits extends React.Component {
     if (this.state.editing) {
       controls = (
         <div>
-          <Action style="finish" type="button" label="OK">
+          <Action style="finish" type="submit" label="OK">
             <span>OK</span>
           </Action>
           <Action