diff --git a/packages/ui-default/package.json b/packages/ui-default/package.json
index ae0b612e8..7f061f9c5 100644
--- a/packages/ui-default/package.json
+++ b/packages/ui-default/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@hydrooj/ui-default",
-  "version": "4.18.0",
+  "version": "4.18.1",
   "author": "undefined <i@undefined.moe>",
   "license": "AGPL-3.0",
   "main": "hydro.js",
diff --git a/packages/ui-default/pages/api.page.tsx b/packages/ui-default/pages/api.page.tsx
index 10fb031ff..9f686d98d 100644
--- a/packages/ui-default/pages/api.page.tsx
+++ b/packages/ui-default/pages/api.page.tsx
@@ -5,8 +5,12 @@ import { render } from 'react-dom';
 import 'graphiql/graphiql.css';
 
 const Logo = () => <span>Hydro API Console </span>;
-
-// @ts-ignore
+const defaultQuery = `\
+query {
+  user(id: 1) {
+    uname
+  }
+}`;
 
 const page = new NamedPage('api', async () => {
   const [{ default: GraphiQL }, { buildSchema }, res] = await Promise.all([
@@ -16,11 +20,10 @@ const page = new NamedPage('api', async () => {
   ]);
   // @ts-ignore
   GraphiQL.Logo = Logo;
-  console.log(res);
   const App = () => (
     <GraphiQL
       schema={buildSchema(res.schema)}
-      style={{ height: '100vh' }}
+      defaultQuery={defaultQuery}
       fetcher={async (graphQLParams) => {
         const data = await fetch(
           '/api',
diff --git a/packages/ui-default/templates/partials/footer.html b/packages/ui-default/templates/partials/footer.html
index 319fc0317..7ab8370bb 100644
--- a/packages/ui-default/templates/partials/footer.html
+++ b/packages/ui-default/templates/partials/footer.html
@@ -24,7 +24,7 @@
         </h1>
         <div class="footer__category__expander"><ul class="footer__category__list">
           <li class="footer__category__item"><a href="https://github.com/hydro-dev/Hydro" target="_blank">{{ _('Open Source') }}</a></li>
-          <li class="footer__category__item"><a href="{{ url('wiki_api') }}">{{ _('API') }}</a></li>
+          <li class="footer__category__item"><a href="{{ url('api') }}">{{ _('API') }}</a></li>
         </ul></div>
       </div>
       <div class="medium-3 large-2 columns footer__category expandable end">