diff --git a/app/components/forms/orders/order-form.js b/app/components/forms/orders/order-form.js
index 8dead19d533..979b1ba925b 100644
--- a/app/components/forms/orders/order-form.js
+++ b/app/components/forms/orders/order-form.js
@@ -5,7 +5,6 @@ import { run } from '@ember/runloop';
 import { inject as service } from '@ember/service';
 import FormMixin from 'open-event-frontend/mixins/form';
 import moment from 'moment';
-import { countries } from 'open-event-frontend/utils/dictionary/demography';
 import { groupBy, orderBy } from 'lodash-es';
 import {
   compulsoryProtocolValidUrlPattern, validTwitterProfileUrlPattern, validFacebookProfileUrlPattern,
@@ -467,10 +466,6 @@ export default Component.extend(FormMixin, {
     return groupBy(this.fields.toArray(), field => field.get('form'));
   }),
 
-  countries: computed(function() {
-    return orderBy(countries, 'name');
-  }),
-
   genders: orderBy(genders, 'name'),
 
   actions: {
diff --git a/app/components/widgets/forms/billing-info.js b/app/components/widgets/forms/billing-info.js
new file mode 100644
index 00000000000..a360fe8bd08
--- /dev/null
+++ b/app/components/widgets/forms/billing-info.js
@@ -0,0 +1,10 @@
+import { countries } from 'open-event-frontend/utils/dictionary/demography';
+import Component from '@ember/component';
+import { computed } from '@ember/object';
+import { orderBy } from 'lodash-es';
+
+export default Component.extend({
+  countries: computed(function() {
+    return orderBy(countries, 'name');
+  })
+});
\ No newline at end of file