diff --git a/lib/shared/addon/components/new-select/component.js b/lib/shared/addon/components/new-select/component.js
index 893096dbe..8e1175f11 100644
--- a/lib/shared/addon/components/new-select/component.js
+++ b/lib/shared/addon/components/new-select/component.js
@@ -2,7 +2,6 @@ import { defineProperty, computed, get } from '@ember/object';
 import { reads } from '@ember/object/computed';
 import Component from '@ember/component';
 import layout from './template';
-import $ from 'jquery';
 
 export default Component.extend({
   layout,
@@ -86,8 +85,9 @@ export default Component.extend({
   action() {
     return this;
   },
+
   _change() {
-    const selectEl = $()[0];
+    const selectEl = this.element;
     const selectedIndex = selectEl.selectedIndex;
     const value = get(this, 'value');
 
diff --git a/lib/shared/addon/components/percent-gauge/component.js b/lib/shared/addon/components/percent-gauge/component.js
index 143f35b02..f4c146e96 100644
--- a/lib/shared/addon/components/percent-gauge/component.js
+++ b/lib/shared/addon/components/percent-gauge/component.js
@@ -4,7 +4,6 @@ import initGraph from 'ui/utils/percent-gauge';
 import layout from './template';
 import { get, set, observer } from '@ember/object'
 import { next } from '@ember/runloop';
-import $ from 'jquery';
 
 export default Component.extend(ThrottledResize, {
   layout,
@@ -20,7 +19,7 @@ export default Component.extend(ThrottledResize, {
   didInsertElement() {
     this._super(...arguments);
     this.set('svg', initGraph({
-      el:       $()[0],
+      el:       this.element,
       value:    get(this, 'value'),
       title:    get(this, 'title'),
       subtitle: get(this, 'subtitle'),