diff --git a/test/client/unit/specs/components/memberDetails.js b/test/client/unit/specs/components/memberDetails.js
new file mode 100644
index 0000000000..37c0f915fd
--- /dev/null
+++ b/test/client/unit/specs/components/memberDetails.js
@@ -0,0 +1,23 @@
+import Vue from 'vue';
+import MemberDetailsComponent from 'client/components/memberDetails.vue';
+
+describe('Members Details Component', () => {
+  let CTor;
+  let vm;
+
+  beforeEach(() => {
+    CTor = Vue.extend(MemberDetailsComponent);
+    vm = new CTor().$mount();
+  });
+
+  afterEach(() => {
+    vm.$destroy();
+  });
+
+  it('prevents flickering by setting a 1px margin-right on elements of class member-stats', () => {
+    const memberstats = vm.$el.querySelector('.member-stats');
+    const style = window.getComputedStyle(memberstats, null);
+    const marginRightProp = style.getPropertyValue('margin-right');
+    expect(marginRightProp).to.equal('1');
+  });
+});
diff --git a/website/client/components/memberDetails.vue b/website/client/components/memberDetails.vue
index e6cf6ca00d..478b145f92 100644
--- a/website/client/components/memberDetails.vue
+++ b/website/client/components/memberDetails.vue
@@ -48,6 +48,7 @@
   .member-stats {
     padding-left: 12px;
     padding-right: 24px;
+    margin-right: 1px;
     opacity: 1;
     transition: width 0.15s ease-out;
   }