diff --git a/package.json b/package.json
index a3ba04c3..32895e27 100644
--- a/package.json
+++ b/package.json
@@ -21,6 +21,7 @@
"vue-class-component": "^7.2.5",
"vue-echarts": "^5.0.0-beta.0",
"vue-grid-layout": "^2.3.11",
+ "vue-material-design-icons": "^4.11.0",
"vue-property-decorator": "^9.0.2",
"vue-router": "^3.4.9",
"vuex": "^3.5.1",
diff --git a/src/components/ftbot/BotControls.vue b/src/components/ftbot/BotControls.vue
index 6fa1cf4c..0c7a59bb 100644
--- a/src/components/ftbot/BotControls.vue
+++ b/src/components/ftbot/BotControls.vue
@@ -2,54 +2,54 @@
@@ -61,11 +61,18 @@ import { Component, Vue } from 'vue-property-decorator';
import { namespace } from 'vuex-class';
import { BotState } from '@/types';
import { BotStoreGetters } from '@/store/modules/ftbot';
+import PlayIcon from 'vue-material-design-icons/Play.vue';
+import StopIcon from 'vue-material-design-icons/Stop.vue';
+import PauseIcon from 'vue-material-design-icons/Pause.vue';
+import ReloadIcon from 'vue-material-design-icons/Reload.vue';
+import ForceBuyIcon from 'vue-material-design-icons/PlusBoxMultipleOutline.vue';
import ForceBuyForm from './ForceBuyForm.vue';
const ftbot = namespace('ftbot');
-@Component({ components: { ForceBuyForm } })
+@Component({
+ components: { ForceBuyForm, PlayIcon, StopIcon, PauseIcon, ReloadIcon, ForceBuyIcon },
+})
export default class BotControls extends Vue {
forcebuyShow = false;
diff --git a/src/components/ftbot/ReloadControl.vue b/src/components/ftbot/ReloadControl.vue
index aad86535..0ca73901 100644
--- a/src/components/ftbot/ReloadControl.vue
+++ b/src/components/ftbot/ReloadControl.vue
@@ -1,18 +1,25 @@
-
-
+
+
+
- AutoRefresh
+ AutoRefresh
+