diff --git a/webapp/assets/_new/icons/svgs/user.svg b/webapp/assets/_new/icons/svgs/user.svg
new file mode 100755
index 000000000..04cc45b41
--- /dev/null
+++ b/webapp/assets/_new/icons/svgs/user.svg
@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>user</title>
+<path d="M15 5c3.854 0 7 3.146 7 7 0 2.409-1.231 4.552-3.094 5.813 3.567 1.53 6.094 5.069 6.094 9.188h-2c0-4.431-3.569-8-8-8s-8 3.569-8 8h-2c0-4.119 2.527-7.658 6.094-9.188-1.863-1.26-3.094-3.404-3.094-5.813 0-3.854 3.146-7 7-7zM15 7c-2.773 0-5 2.227-5 5s2.227 5 5 5 5-2.227 5-5-2.227-5-5-5z"></path>
+</svg>
diff --git a/webapp/components/Avatar/Avatar.spec.js b/webapp/components/Avatar/Avatar.spec.js
index f7b0f908f..03eaee160 100644
--- a/webapp/components/Avatar/Avatar.spec.js
+++ b/webapp/components/Avatar/Avatar.spec.js
@@ -18,10 +18,11 @@ describe('Avatar.vue', () => {
     ).toBe(false)
   })
 
+  // this is testing the style guide
   it('renders an icon', () => {
     expect(
       Wrapper()
-        .find('.base-icon')
+        .find('.ds-icon')
         .exists(),
     ).toBe(true)
   })
diff --git a/webapp/components/Category/index.spec.js b/webapp/components/Category/index.spec.js
index 27a2d9b9b..ee2e1d80d 100644
--- a/webapp/components/Category/index.spec.js
+++ b/webapp/components/Category/index.spec.js
@@ -20,7 +20,7 @@ describe('Category', () => {
 
   describe('given Strings for Icon and Name', () => {
     beforeEach(() => {
-      icon = 'mouse-cursor'
+      icon = 'mouse-pointer'
       name = 'Peter'
     })