diff --git a/src/components/ftbot/TradeDetail.vue b/src/components/ftbot/TradeDetail.vue
index ee23ee06..8a970a81 100644
--- a/src/components/ftbot/TradeDetail.vue
+++ b/src/components/ftbot/TradeDetail.vue
@@ -60,7 +60,7 @@
 <script lang="ts">
 import { Component, Vue, Prop } from 'vue-property-decorator';
 import { formatPercent, formatPrice, timestampms } from '@/shared/formatters';
-import ValuePair from '@/components/ftbot/ValuePair.vue';
+import ValuePair from '@/components/general/ValuePair.vue';
 import { Trade } from '@/types';
 
 @Component({
diff --git a/src/components/ftbot/ValuePair.vue b/src/components/general/ValuePair.vue
similarity index 50%
rename from src/components/ftbot/ValuePair.vue
rename to src/components/general/ValuePair.vue
index daa26587..6650edf1 100644
--- a/src/components/ftbot/ValuePair.vue
+++ b/src/components/general/ValuePair.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="row">
-    <label class="col-4">{{ description }}</label>
-    <div class="col-8">
+    <label :class="classLabel">{{ description }}</label>
+    <div :class="classValue">
       <slot></slot>
     </div>
   </div>
@@ -17,15 +17,16 @@ export default Vue.extend({
       type: String,
       required: true,
     },
+    classLabel: {
+      type: String,
+      default: 'col-4 font-weight-bold',
+    },
+    classValue: {
+      type: String,
+      default: 'col-8',
+    },
   },
 });
 </script>
 
-<style scoped>
-label {
-  font-weight: bold;
-}
-.row {
-  max-width: 50em;
-}
-</style>
+<style scoped></style>
diff --git a/tests/unit/ValuePair.spec.ts b/tests/unit/ValuePair.spec.ts
index 250cda32..f774fce9 100644
--- a/tests/unit/ValuePair.spec.ts
+++ b/tests/unit/ValuePair.spec.ts
@@ -1,5 +1,5 @@
 import { mount } from '@vue/test-utils';
-import ValuePair from '@/components/ftbot/ValuePair.vue';
+import ValuePair from '@/components/general/ValuePair.vue';
 
 describe('ValuePair.vue', () => {
   it('renders description when passed', () => {