diff --git a/extensions/akismet/js/src/admin/components/AkismetSettingsModal.js b/extensions/akismet/js/src/admin/components/AkismetSettingsModal.js
deleted file mode 100644
index d0bac73b0..000000000
--- a/extensions/akismet/js/src/admin/components/AkismetSettingsModal.js
+++ /dev/null
@@ -1,20 +0,0 @@
-import SettingsModal from 'flarum/components/SettingsModal';
-
-export default class AkismetSettingsModal extends SettingsModal {
-  className() {
-    return 'AkismetSettingsModal Modal--small';
-  }
-
-  title() {
-    return app.translator.trans('flarum-akismet.admin.akismet_settings.title');
-  }
-
-  form() {
-    return [
-      <div className="Form-group">
-        <label>{app.translator.trans('flarum-akismet.admin.akismet_settings.api_key_label')}</label>
-        <input className="FormControl" bidi={this.setting('flarum-akismet.api_key')}/>
-      </div>
-    ];
-  }
-}
diff --git a/extensions/akismet/js/src/admin/index.js b/extensions/akismet/js/src/admin/index.js
index ded81072d..0561fecd7 100644
--- a/extensions/akismet/js/src/admin/index.js
+++ b/extensions/akismet/js/src/admin/index.js
@@ -1,7 +1,11 @@
 import app from 'flarum/app';
 
-import AkismetSettingsModal from './components/AkismetSettingsModal';
-
 app.initializers.add('flarum-akismet', () => {
-  app.extensionSettings['flarum-akismet'] = () => app.modal.show(AkismetSettingsModal);
+  app.extensionData
+    .for('flarum-akismet')
+    .registerSetting({
+      setting: 'flarum-akismet.api_key',
+      type: 'text',
+      label: app.translator.trans('flarum-akismet.admin.akismet_settings.api_key_label')
+    });
 });