diff --git a/jest.config.js b/jest.config.js
index 148cf31..15441d4 100644
--- a/jest.config.js
+++ b/jest.config.js
@@ -34,6 +34,9 @@ module.exports = {
     '__snapshots__',
     '<rootDir>/build',
   ],
+  snapshotSerializers: [
+    "jest-emotion"
+  ],
   coveragePathIgnorePatterns: [
     'node_modules',
     'fixtures',
diff --git a/package.json b/package.json
index a707080..351767f 100644
--- a/package.json
+++ b/package.json
@@ -48,6 +48,7 @@
     "identity-obj-proxy": "3.0.0",
     "in-publish": "2.0.0",
     "jest": "24.1.0",
+    "jest-emotion": "10.0.10",
     "jest-environment-jsdom": "24.0.0",
     "jest-environment-jsdom-global": "1.1.1",
     "jest-environment-node": "24.0.0",
diff --git a/test/unit/webui/components/__snapshots__/copyToClipBoard.spec.js.snap b/test/unit/webui/components/__snapshots__/copyToClipBoard.spec.js.snap
index efdbac6..210a3af 100644
--- a/test/unit/webui/components/__snapshots__/copyToClipBoard.spec.js.snap
+++ b/test/unit/webui/components/__snapshots__/copyToClipBoard.spec.js.snap
@@ -1,3 +1,3 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`<CopyToClipBoard /> component render the component 1`] = `"<div class=\\"css-1mta3t8 ee9hai40\\"><span class=\\"css-1m8aenu ee9hai41\\">copy text</span><button class=\\"MuiButtonBase-root-15 MuiIconButton-root-9 css-56v3u0 ee9hai42\\" tabindex=\\"0\\" type=\\"button\\" title=\\"Copy to Clipboard\\"><span class=\\"MuiIconButton-label-14\\"><svg class=\\"MuiSvgIcon-root-18\\" focusable=\\"false\\" viewBox=\\"0 0 24 24\\" aria-hidden=\\"true\\" role=\\"presentation\\"><path fill=\\"none\\" d=\\"M0 0h24v24H0z\\"></path><path d=\\"M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm-1 4l6 6v10c0 1.1-.9 2-2 2H7.99C6.89 23 6 22.1 6 21l.01-14c0-1.1.89-2 1.99-2h7zm-1 7h5.5L14 6.5V12z\\"></path></svg></span></button></div>"`;
+exports[`<CopyToClipBoard /> component render the component 1`] = `"<div class=\\"css-1mta3t8 e1mfrkg70\\"><span class=\\"css-1m8aenu e1mfrkg71\\">copy text</span><button class=\\"MuiButtonBase-root-15 MuiIconButton-root-9 css-56v3u0 e1mfrkg72\\" tabindex=\\"0\\" type=\\"button\\" title=\\"Copy to Clipboard\\"><span class=\\"MuiIconButton-label-14\\"><svg class=\\"MuiSvgIcon-root-18\\" focusable=\\"false\\" viewBox=\\"0 0 24 24\\" aria-hidden=\\"true\\" role=\\"presentation\\"><path fill=\\"none\\" d=\\"M0 0h24v24H0z\\"></path><path d=\\"M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm-1 4l6 6v10c0 1.1-.9 2-2 2H7.99C6.89 23 6 22.1 6 21l.01-14c0-1.1.89-2 1.99-2h7zm-1 7h5.5L14 6.5V12z\\"></path></svg></span></button></div>"`;
diff --git a/test/unit/webui/components/__snapshots__/footer.spec.js.snap b/test/unit/webui/components/__snapshots__/footer.spec.js.snap
index 9a018be..6fd3401 100644
--- a/test/unit/webui/components/__snapshots__/footer.spec.js.snap
+++ b/test/unit/webui/components/__snapshots__/footer.spec.js.snap
@@ -1,3 +1,3 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`<Footer /> component should load the initial state of Footer component 1`] = `"<div class=\\"css-i0nj2g e1hit7w20\\"><div class=\\"css-hzfs9b e1hit7w21\\"><div class=\\"css-d8nsp7 e1hit7w22\\"> Made with<span class=\\"css-1so4oe0 e1hit7w27\\">♥</span>on<span class=\\"css-1ie354y e1hit7w24\\"><svg class=\\"e1hit7w25 css-1kgp95j e1hmfdge0\\"><title>Earth</title><use xlink:href=\\"[object Object]#earth\\"></use></svg><span class=\\"css-azf1mg e1hit7w26\\"><svg class=\\"e1hit7w28 css-f1ndto e1hmfdge0\\"><title>Spain</title><use xlink:href=\\"[object Object]#spain\\"></use></svg><svg class=\\"e1hit7w28 css-f1ndto e1hmfdge0\\"><title>Nicaragua</title><use xlink:href=\\"[object Object]#nicaragua\\"></use></svg><svg class=\\"e1hit7w28 css-f1ndto e1hmfdge0\\"><title>India</title><use xlink:href=\\"[object Object]#india\\"></use></svg><svg class=\\"e1hit7w28 css-f1ndto e1hmfdge0\\"><title>Brazil</title><use xlink:href=\\"[object Object]#brazil\\"></use></svg><svg class=\\"e1hit7w28 css-f1ndto e1hmfdge0\\"><title>China</title><use xlink:href=\\"[object Object]#china\\"></use></svg><svg class=\\"e1hit7w28 css-f1ndto e1hmfdge0\\"><title>Austria</title><use xlink:href=\\"[object Object]#austria\\"></use></svg></span></span></div><div class=\\"css-1wbzdyy e1hit7w23\\">Powered by<span class=\\"e1hit7w28 css-i15wza e1hmfdge1\\" title=\\"Verdaccio\\"><img alt=\\"Verdaccio\\" src=\\"[object Object]\\" class=\\"css-1ncdhax e1hmfdge2\\"></span>/ 4.0.0-alpha.3</div></div></div>"`;
+exports[`<Footer /> component should load the initial state of Footer component 1`] = `"<div class=\\"css-i0nj2g e19gp4r80\\"><div class=\\"css-hzfs9b e19gp4r81\\"><div class=\\"css-d8nsp7 e19gp4r82\\"> Made with<span class=\\"css-1so4oe0 e19gp4r87\\">♥</span>on<span class=\\"css-1ie354y e19gp4r84\\"><svg class=\\"e19gp4r85 css-1kgp95j e9byyw50\\"><title>Earth</title><use xlink:href=\\"[object Object]#earth\\"></use></svg><span class=\\"css-1v4n0q4 e19gp4r86\\"><svg class=\\"e19gp4r88 css-f1ndto e9byyw50\\"><title>Spain</title><use xlink:href=\\"[object Object]#spain\\"></use></svg><svg class=\\"e19gp4r88 css-f1ndto e9byyw50\\"><title>Nicaragua</title><use xlink:href=\\"[object Object]#nicaragua\\"></use></svg><svg class=\\"e19gp4r88 css-f1ndto e9byyw50\\"><title>India</title><use xlink:href=\\"[object Object]#india\\"></use></svg><svg class=\\"e19gp4r88 css-f1ndto e9byyw50\\"><title>Brazil</title><use xlink:href=\\"[object Object]#brazil\\"></use></svg><svg class=\\"e19gp4r88 css-f1ndto e9byyw50\\"><title>China</title><use xlink:href=\\"[object Object]#china\\"></use></svg><svg class=\\"e19gp4r88 css-f1ndto e9byyw50\\"><title>Austria</title><use xlink:href=\\"[object Object]#austria\\"></use></svg></span></span></div><div class=\\"css-1wbzdyy e19gp4r83\\">Powered by<span class=\\"e19gp4r88 css-i15wza e9byyw51\\" title=\\"Verdaccio\\"><img alt=\\"Verdaccio\\" src=\\"[object Object]\\" class=\\"css-1ncdhax e9byyw52\\"></span>/ 4.0.0-alpha.3</div></div></div>"`;
diff --git a/test/unit/webui/components/__snapshots__/header.spec.js.snap b/test/unit/webui/components/__snapshots__/header.spec.js.snap
index a50cb26..65857c1 100644
--- a/test/unit/webui/components/__snapshots__/header.spec.js.snap
+++ b/test/unit/webui/components/__snapshots__/header.spec.js.snap
@@ -1,5 +1,5 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`<Header /> component with logged in state should load the component in logged in state 1`] = `"<div><header class=\\"MuiPaper-root-10 MuiPaper-elevation4-16 MuiAppBar-root-1 MuiAppBar-positionStatic-5 MuiAppBar-colorPrimary-8 css-v0rkqa ewgl6u18\\"><div class=\\"MuiToolbar-root-37 MuiToolbar-regular-39 MuiToolbar-gutters-38 css-1pwdmmq ewgl6u10\\"><div class=\\"MuiToolbar-root-37 MuiToolbar-regular-39 MuiToolbar-gutters-38 css-1vacr9s ewgl6u13\\"><a style=\\"margin-right:1em\\" href=\\"/\\"><div class=\\"css-12nq0oo eoy4bjl0\\"></div></a></div><div class=\\"MuiToolbar-root-37 MuiToolbar-regular-39 MuiToolbar-gutters-38 css-m61s5i ewgl6u12\\"><a href=\\"https://verdaccio.org/docs/en/installation\\" target=\\"_blank\\" class=\\"MuiButtonBase-root-55 MuiIconButton-root-49 MuiIconButton-colorInherit-50\\" tabindex=\\"0\\" role=\\"button\\" title=\\"Documentation\\"><span class=\\"MuiIconButton-label-54\\"><svg class=\\"MuiSvgIcon-root-58\\" focusable=\\"false\\" viewBox=\\"0 0 24 24\\" aria-hidden=\\"true\\" role=\\"presentation\\"><path fill=\\"none\\" d=\\"M0 0h24v24H0z\\"></path><path d=\\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 17h-2v-2h2v2zm2.07-7.75l-.9.92C13.45 12.9 13 13.5 13 15h-2v-.5c0-1.1.45-2.1 1.17-2.83l1.24-1.26c.37-.36.59-.86.59-1.41 0-1.1-.9-2-2-2s-2 .9-2 2H8c0-2.21 1.79-4 4-4s4 1.79 4 4c0 .88-.36 1.68-.93 2.25z\\"></path></svg></span></a><button class=\\"MuiButtonBase-root-55 MuiIconButton-root-49 MuiIconButton-colorInherit-50\\" tabindex=\\"0\\" type=\\"button\\" id=\\"header--button-registryInfo\\" title=\\"Registry Information\\"><span class=\\"MuiIconButton-label-54\\"><svg class=\\"MuiSvgIcon-root-58\\" focusable=\\"false\\" viewBox=\\"0 0 24 24\\" aria-hidden=\\"true\\" role=\\"presentation\\"><path fill=\\"none\\" d=\\"M0 0h24v24H0z\\"></path><path d=\\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z\\"></path></svg></span></button><button class=\\"MuiButtonBase-root-55 MuiIconButton-root-49 MuiIconButton-colorInherit-50\\" tabindex=\\"0\\" type=\\"button\\" id=\\"header--button-account\\"><span class=\\"MuiIconButton-label-54\\"><svg class=\\"MuiSvgIcon-root-58\\" focusable=\\"false\\" viewBox=\\"0 0 24 24\\" aria-hidden=\\"true\\" role=\\"presentation\\"><path d=\\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 3c1.66 0 3 1.34 3 3s-1.34 3-3 3-3-1.34-3-3 1.34-3 3-3zm0 14.2c-2.5 0-4.71-1.28-6-3.22.03-1.99 4-3.08 6-3.08 1.99 0 5.97 1.09 6 3.08-1.29 1.94-3.5 3.22-6 3.22z\\"></path><path fill=\\"none\\" d=\\"M0 0h24v24H0z\\"></path></svg></span></button></div></div></header></div>"`;
+exports[`<Header /> component with logged in state should load the component in logged in state 1`] = `"<div><header class=\\"MuiPaper-root-10 MuiPaper-elevation4-16 MuiAppBar-root-1 MuiAppBar-positionStatic-5 MuiAppBar-colorPrimary-8 css-k4mg52 e1yrof0d8\\"><div class=\\"MuiToolbar-root-37 MuiToolbar-regular-39 MuiToolbar-gutters-38 css-1pwdmmq e1yrof0d0\\"><div class=\\"MuiToolbar-root-37 MuiToolbar-regular-39 MuiToolbar-gutters-38 css-1vacr9s e1yrof0d3\\"><a style=\\"margin-right:1em\\" href=\\"/\\"><div class=\\"css-12nq0oo e1nk49ti0\\"></div></a></div><div class=\\"MuiToolbar-root-37 MuiToolbar-regular-39 MuiToolbar-gutters-38 css-m61s5i e1yrof0d2\\"><a href=\\"https://verdaccio.org/docs/en/installation\\" target=\\"_blank\\" class=\\"MuiButtonBase-root-55 MuiIconButton-root-49 MuiIconButton-colorInherit-50\\" tabindex=\\"0\\" role=\\"button\\" title=\\"Documentation\\"><span class=\\"MuiIconButton-label-54\\"><svg class=\\"MuiSvgIcon-root-58\\" focusable=\\"false\\" viewBox=\\"0 0 24 24\\" aria-hidden=\\"true\\" role=\\"presentation\\"><path fill=\\"none\\" d=\\"M0 0h24v24H0z\\"></path><path d=\\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 17h-2v-2h2v2zm2.07-7.75l-.9.92C13.45 12.9 13 13.5 13 15h-2v-.5c0-1.1.45-2.1 1.17-2.83l1.24-1.26c.37-.36.59-.86.59-1.41 0-1.1-.9-2-2-2s-2 .9-2 2H8c0-2.21 1.79-4 4-4s4 1.79 4 4c0 .88-.36 1.68-.93 2.25z\\"></path></svg></span></a><button class=\\"MuiButtonBase-root-55 MuiIconButton-root-49 MuiIconButton-colorInherit-50\\" tabindex=\\"0\\" type=\\"button\\" id=\\"header--button-registryInfo\\" title=\\"Registry Information\\"><span class=\\"MuiIconButton-label-54\\"><svg class=\\"MuiSvgIcon-root-58\\" focusable=\\"false\\" viewBox=\\"0 0 24 24\\" aria-hidden=\\"true\\" role=\\"presentation\\"><path fill=\\"none\\" d=\\"M0 0h24v24H0z\\"></path><path d=\\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z\\"></path></svg></span></button><button class=\\"MuiButtonBase-root-55 MuiIconButton-root-49 MuiIconButton-colorInherit-50\\" tabindex=\\"0\\" type=\\"button\\" id=\\"header--button-account\\"><span class=\\"MuiIconButton-label-54\\"><svg class=\\"MuiSvgIcon-root-58\\" focusable=\\"false\\" viewBox=\\"0 0 24 24\\" aria-hidden=\\"true\\" role=\\"presentation\\"><path d=\\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 3c1.66 0 3 1.34 3 3s-1.34 3-3 3-3-1.34-3-3 1.34-3 3-3zm0 14.2c-2.5 0-4.71-1.28-6-3.22.03-1.99 4-3.08 6-3.08 1.99 0 5.97 1.09 6 3.08-1.29 1.94-3.5 3.22-6 3.22z\\"></path><path fill=\\"none\\" d=\\"M0 0h24v24H0z\\"></path></svg></span></button></div></div></header></div>"`;
 
-exports[`<Header /> component with logged out state should load the component in logged out state 1`] = `"<div><header class=\\"MuiPaper-root-10 MuiPaper-elevation4-16 MuiAppBar-root-1 MuiAppBar-positionStatic-5 MuiAppBar-colorPrimary-8 css-v0rkqa ewgl6u18\\"><div class=\\"MuiToolbar-root-37 MuiToolbar-regular-39 MuiToolbar-gutters-38 css-1pwdmmq ewgl6u10\\"><div class=\\"MuiToolbar-root-37 MuiToolbar-regular-39 MuiToolbar-gutters-38 css-1vacr9s ewgl6u13\\"><a style=\\"margin-right:1em\\" href=\\"/\\"><div class=\\"css-12nq0oo eoy4bjl0\\"></div></a></div><div class=\\"MuiToolbar-root-37 MuiToolbar-regular-39 MuiToolbar-gutters-38 css-m61s5i ewgl6u12\\"><a href=\\"https://verdaccio.org/docs/en/installation\\" target=\\"_blank\\" class=\\"MuiButtonBase-root-55 MuiIconButton-root-49 MuiIconButton-colorInherit-50\\" tabindex=\\"0\\" role=\\"button\\" title=\\"Documentation\\"><span class=\\"MuiIconButton-label-54\\"><svg class=\\"MuiSvgIcon-root-58\\" focusable=\\"false\\" viewBox=\\"0 0 24 24\\" aria-hidden=\\"true\\" role=\\"presentation\\"><path fill=\\"none\\" d=\\"M0 0h24v24H0z\\"></path><path d=\\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 17h-2v-2h2v2zm2.07-7.75l-.9.92C13.45 12.9 13 13.5 13 15h-2v-.5c0-1.1.45-2.1 1.17-2.83l1.24-1.26c.37-.36.59-.86.59-1.41 0-1.1-.9-2-2-2s-2 .9-2 2H8c0-2.21 1.79-4 4-4s4 1.79 4 4c0 .88-.36 1.68-.93 2.25z\\"></path></svg></span></a><button class=\\"MuiButtonBase-root-55 MuiIconButton-root-49 MuiIconButton-colorInherit-50\\" tabindex=\\"0\\" type=\\"button\\" id=\\"header--button-registryInfo\\" title=\\"Registry Information\\"><span class=\\"MuiIconButton-label-54\\"><svg class=\\"MuiSvgIcon-root-58\\" focusable=\\"false\\" viewBox=\\"0 0 24 24\\" aria-hidden=\\"true\\" role=\\"presentation\\"><path fill=\\"none\\" d=\\"M0 0h24v24H0z\\"></path><path d=\\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z\\"></path></svg></span></button><button class=\\"MuiButtonBase-root-55 MuiButton-root-85 MuiButton-text-87 MuiButton-flat-90 MuiButton-colorInherit-106\\" tabindex=\\"0\\" type=\\"button\\" id=\\"header--button-login\\"><span class=\\"MuiButton-label-86\\">Login</span></button></div></div></header></div>"`;
+exports[`<Header /> component with logged out state should load the component in logged out state 1`] = `"<div><header class=\\"MuiPaper-root-10 MuiPaper-elevation4-16 MuiAppBar-root-1 MuiAppBar-positionStatic-5 MuiAppBar-colorPrimary-8 css-k4mg52 e1yrof0d8\\"><div class=\\"MuiToolbar-root-37 MuiToolbar-regular-39 MuiToolbar-gutters-38 css-1pwdmmq e1yrof0d0\\"><div class=\\"MuiToolbar-root-37 MuiToolbar-regular-39 MuiToolbar-gutters-38 css-1vacr9s e1yrof0d3\\"><a style=\\"margin-right:1em\\" href=\\"/\\"><div class=\\"css-12nq0oo e1nk49ti0\\"></div></a></div><div class=\\"MuiToolbar-root-37 MuiToolbar-regular-39 MuiToolbar-gutters-38 css-m61s5i e1yrof0d2\\"><a href=\\"https://verdaccio.org/docs/en/installation\\" target=\\"_blank\\" class=\\"MuiButtonBase-root-55 MuiIconButton-root-49 MuiIconButton-colorInherit-50\\" tabindex=\\"0\\" role=\\"button\\" title=\\"Documentation\\"><span class=\\"MuiIconButton-label-54\\"><svg class=\\"MuiSvgIcon-root-58\\" focusable=\\"false\\" viewBox=\\"0 0 24 24\\" aria-hidden=\\"true\\" role=\\"presentation\\"><path fill=\\"none\\" d=\\"M0 0h24v24H0z\\"></path><path d=\\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 17h-2v-2h2v2zm2.07-7.75l-.9.92C13.45 12.9 13 13.5 13 15h-2v-.5c0-1.1.45-2.1 1.17-2.83l1.24-1.26c.37-.36.59-.86.59-1.41 0-1.1-.9-2-2-2s-2 .9-2 2H8c0-2.21 1.79-4 4-4s4 1.79 4 4c0 .88-.36 1.68-.93 2.25z\\"></path></svg></span></a><button class=\\"MuiButtonBase-root-55 MuiIconButton-root-49 MuiIconButton-colorInherit-50\\" tabindex=\\"0\\" type=\\"button\\" id=\\"header--button-registryInfo\\" title=\\"Registry Information\\"><span class=\\"MuiIconButton-label-54\\"><svg class=\\"MuiSvgIcon-root-58\\" focusable=\\"false\\" viewBox=\\"0 0 24 24\\" aria-hidden=\\"true\\" role=\\"presentation\\"><path fill=\\"none\\" d=\\"M0 0h24v24H0z\\"></path><path d=\\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z\\"></path></svg></span></button><button class=\\"MuiButtonBase-root-55 MuiButton-root-85 MuiButton-text-87 MuiButton-flat-90 MuiButton-colorInherit-106\\" tabindex=\\"0\\" type=\\"button\\" id=\\"header--button-login\\"><span class=\\"MuiButton-label-86\\">Login</span></button></div></div></header></div>"`;
diff --git a/test/unit/webui/components/__snapshots__/help.spec.js.snap b/test/unit/webui/components/__snapshots__/help.spec.js.snap
index 160e216..d383753 100644
--- a/test/unit/webui/components/__snapshots__/help.spec.js.snap
+++ b/test/unit/webui/components/__snapshots__/help.spec.js.snap
@@ -1,3 +1,3 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`<Help /> component should render the component in default state 1`] = `"<div class=\\"MuiPaper-root-2 MuiPaper-elevation1-5 MuiPaper-rounded-3 MuiCard-root-1 css-ryznli e3ha7550\\" id=\\"help-card\\"><div class=\\"MuiCardContent-root-29\\"><h2 class=\\"MuiTypography-root-30 MuiTypography-headline-35 MuiTypography-gutterBottom-57\\" id=\\"help-card__title\\">No Package Published Yet.</h2><p class=\\"MuiTypography-root-30 MuiTypography-body1-39 MuiTypography-colorTextSecondary-63 MuiTypography-gutterBottom-57 css-zg2fwz e3ha7551\\">To publish your first package just:</p><p class=\\"MuiTypography-root-30 MuiTypography-body2-38\\">1. Login</p><div class=\\"css-1mta3t8 ee9hai40\\"><span class=\\"css-1m8aenu ee9hai41\\">npm adduser --registry http://localhost</span><button class=\\"MuiButtonBase-root-80 MuiIconButton-root-74 css-56v3u0 ee9hai42\\" tabindex=\\"0\\" type=\\"button\\" title=\\"Copy to Clipboard\\"><span class=\\"MuiIconButton-label-79\\"><svg class=\\"MuiSvgIcon-root-83\\" focusable=\\"false\\" viewBox=\\"0 0 24 24\\" aria-hidden=\\"true\\" role=\\"presentation\\"><path fill=\\"none\\" d=\\"M0 0h24v24H0z\\"></path><path d=\\"M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm-1 4l6 6v10c0 1.1-.9 2-2 2H7.99C6.89 23 6 22.1 6 21l.01-14c0-1.1.89-2 1.99-2h7zm-1 7h5.5L14 6.5V12z\\"></path></svg></span></button></div><p class=\\"MuiTypography-root-30 MuiTypography-body2-38\\">2. Publish</p><div class=\\"css-1mta3t8 ee9hai40\\"><span class=\\"css-1m8aenu ee9hai41\\">npm publish --registry http://localhost</span><button class=\\"MuiButtonBase-root-80 MuiIconButton-root-74 css-56v3u0 ee9hai42\\" tabindex=\\"0\\" type=\\"button\\" title=\\"Copy to Clipboard\\"><span class=\\"MuiIconButton-label-79\\"><svg class=\\"MuiSvgIcon-root-83\\" focusable=\\"false\\" viewBox=\\"0 0 24 24\\" aria-hidden=\\"true\\" role=\\"presentation\\"><path fill=\\"none\\" d=\\"M0 0h24v24H0z\\"></path><path d=\\"M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm-1 4l6 6v10c0 1.1-.9 2-2 2H7.99C6.89 23 6 22.1 6 21l.01-14c0-1.1.89-2 1.99-2h7zm-1 7h5.5L14 6.5V12z\\"></path></svg></span></button></div><p class=\\"MuiTypography-root-30 MuiTypography-body2-38\\">3. Refresh this page.</p></div><div class=\\"MuiCardActions-root-92\\"><a class=\\"MuiButtonBase-root-80 MuiButton-root-95 MuiButton-text-97 MuiButton-textPrimary-98 MuiButton-flat-100 MuiButton-flatPrimary-101 MuiButton-sizeSmall-118 MuiCardActions-action-94\\" tabindex=\\"0\\" role=\\"button\\" href=\\"https://verdaccio.org/docs/en/installation\\" target=\\"_blank\\"><span class=\\"MuiButton-label-96\\">Learn More</span></a></div></div>"`;
+exports[`<Help /> component should render the component in default state 1`] = `"<div class=\\"MuiPaper-root-2 MuiPaper-elevation1-5 MuiPaper-rounded-3 MuiCard-root-1 css-ryznli e1ail7510\\" id=\\"help-card\\"><div class=\\"MuiCardContent-root-29\\"><h2 class=\\"MuiTypography-root-30 MuiTypography-headline-35 MuiTypography-gutterBottom-57\\" id=\\"help-card__title\\">No Package Published Yet.</h2><p class=\\"MuiTypography-root-30 MuiTypography-body1-39 MuiTypography-colorTextSecondary-63 MuiTypography-gutterBottom-57 css-zg2fwz e1ail7511\\">To publish your first package just:</p><p class=\\"MuiTypography-root-30 MuiTypography-body2-38\\">1. Login</p><div class=\\"css-1mta3t8 e1mfrkg70\\"><span class=\\"css-1m8aenu e1mfrkg71\\">npm adduser --registry http://localhost</span><button class=\\"MuiButtonBase-root-80 MuiIconButton-root-74 css-56v3u0 e1mfrkg72\\" tabindex=\\"0\\" type=\\"button\\" title=\\"Copy to Clipboard\\"><span class=\\"MuiIconButton-label-79\\"><svg class=\\"MuiSvgIcon-root-83\\" focusable=\\"false\\" viewBox=\\"0 0 24 24\\" aria-hidden=\\"true\\" role=\\"presentation\\"><path fill=\\"none\\" d=\\"M0 0h24v24H0z\\"></path><path d=\\"M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm-1 4l6 6v10c0 1.1-.9 2-2 2H7.99C6.89 23 6 22.1 6 21l.01-14c0-1.1.89-2 1.99-2h7zm-1 7h5.5L14 6.5V12z\\"></path></svg></span></button></div><p class=\\"MuiTypography-root-30 MuiTypography-body2-38\\">2. Publish</p><div class=\\"css-1mta3t8 e1mfrkg70\\"><span class=\\"css-1m8aenu e1mfrkg71\\">npm publish --registry http://localhost</span><button class=\\"MuiButtonBase-root-80 MuiIconButton-root-74 css-56v3u0 e1mfrkg72\\" tabindex=\\"0\\" type=\\"button\\" title=\\"Copy to Clipboard\\"><span class=\\"MuiIconButton-label-79\\"><svg class=\\"MuiSvgIcon-root-83\\" focusable=\\"false\\" viewBox=\\"0 0 24 24\\" aria-hidden=\\"true\\" role=\\"presentation\\"><path fill=\\"none\\" d=\\"M0 0h24v24H0z\\"></path><path d=\\"M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm-1 4l6 6v10c0 1.1-.9 2-2 2H7.99C6.89 23 6 22.1 6 21l.01-14c0-1.1.89-2 1.99-2h7zm-1 7h5.5L14 6.5V12z\\"></path></svg></span></button></div><p class=\\"MuiTypography-root-30 MuiTypography-body2-38\\">3. Refresh this page.</p></div><div class=\\"MuiCardActions-root-92\\"><a class=\\"MuiButtonBase-root-80 MuiButton-root-95 MuiButton-text-97 MuiButton-textPrimary-98 MuiButton-flat-100 MuiButton-flatPrimary-101 MuiButton-sizeSmall-118 MuiCardActions-action-94\\" tabindex=\\"0\\" role=\\"button\\" href=\\"https://verdaccio.org/docs/en/installation\\" target=\\"_blank\\"><span class=\\"MuiButton-label-96\\">Learn More</span></a></div></div>"`;
diff --git a/test/unit/webui/components/__snapshots__/packagelist.spec.js.snap b/test/unit/webui/components/__snapshots__/packagelist.spec.js.snap
index 970cb35..5570b57 100644
--- a/test/unit/webui/components/__snapshots__/packagelist.spec.js.snap
+++ b/test/unit/webui/components/__snapshots__/packagelist.spec.js.snap
@@ -1,3 +1,3 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`<PackageList /> component should load the component with packages 1`] = `"<div class=\\"package-list-items\\"><div class=\\"pkgContainer\\"><ul class=\\"MuiList-root-128 MuiList-padding-129 package css-jpnf4t e4plnei10\\"><li class=\\"MuiListItem-root-132 MuiListItem-default-135 MuiListItem-gutters-140 MuiListItem-alignItemsFlexStart-137\\"><div class=\\"MuiListItemText-root-144 package-link css-9dxxs7 e4plnei14\\" component=\\"div\\"><span class=\\"MuiTypography-root-30 MuiTypography-subheading-37 MuiListItemText-primary-147\\"><div class=\\"MuiGrid-container-150 MuiGrid-item-151 MuiGrid-grid-xs-12-190\\"><div class=\\"MuiGrid-item-151 MuiGrid-grid-xs-true-178\\"><a class=\\"css-1jgqs7g e4plnei7\\" href=\\"/-/web/detail/verdaccio\\"><span class=\\"css-10n8p5f e4plnei8\\">verdaccio</span></a></div><div class=\\"MuiGrid-item-151 MuiGrid-grid-xs-true-178 css-s168sa e4plnei9\\"></div></div></span><p class=\\"MuiTypography-root-30 MuiTypography-body1-39 MuiTypography-colorTextSecondary-63 MuiListItemText-secondary-148\\"><span class=\\"MuiTypography-root-30 MuiTypography-body1-39 css-zd063h e4plnei15\\">Private NPM repository</span></p></div></li><li class=\\"MuiListItem-root-132 MuiListItem-default-135 MuiListItem-gutters-140 MuiListItem-alignItemsFlexStart-137 css-11vba5x e4plnei13\\"><div class=\\"css-15496ft e4plnei5\\"><div class=\\"MuiAvatar-root-247 css-16dqgrp e4plnei6\\"><img alt=\\"Sam\\" src=\\"test avatar\\" class=\\"MuiAvatar-img-249\\"></div><span class=\\"css-eazh50 e4plnei4\\"><div class=\\"e4plnei3 css-16bvijn e1e79azc0\\">Sam</div></span></div><span class=\\"css-1rxy2wf e4plnei0\\"><svg class=\\"e4plnei1 css-pqdkph e1hmfdge0\\"><title>Version</title><use xlink:href=\\"[object Object]#version\\"></use></svg>v1.0.0</span><span class=\\"css-1rxy2wf e4plnei0\\"><svg class=\\"e4plnei1 css-pqdkph e1hmfdge0\\"><title>Time</title><use xlink:href=\\"[object Object]#time\\"></use></svg><span class=\\"css-1dp07e1 e4plnei2\\">Published on 21.07.2018, 22:11:12 •</span>9 months ago</span></li></ul><hr class=\\"MuiDivider-root-250\\"><ul class=\\"MuiList-root-128 MuiList-padding-129 package css-jpnf4t e4plnei10\\"><li class=\\"MuiListItem-root-132 MuiListItem-default-135 MuiListItem-gutters-140 MuiListItem-alignItemsFlexStart-137\\"><div class=\\"MuiListItemText-root-144 package-link css-9dxxs7 e4plnei14\\" component=\\"div\\"><span class=\\"MuiTypography-root-30 MuiTypography-subheading-37 MuiListItemText-primary-147\\"><div class=\\"MuiGrid-container-150 MuiGrid-item-151 MuiGrid-grid-xs-12-190\\"><div class=\\"MuiGrid-item-151 MuiGrid-grid-xs-true-178\\"><a class=\\"css-1jgqs7g e4plnei7\\" href=\\"/-/web/detail/abc\\"><span class=\\"css-10n8p5f e4plnei8\\">abc</span></a></div><div class=\\"MuiGrid-item-151 MuiGrid-grid-xs-true-178 css-s168sa e4plnei9\\"></div></div></span><p class=\\"MuiTypography-root-30 MuiTypography-body1-39 MuiTypography-colorTextSecondary-63 MuiListItemText-secondary-148\\"><span class=\\"MuiTypography-root-30 MuiTypography-body1-39 css-zd063h e4plnei15\\">abc description</span></p></div></li><li class=\\"MuiListItem-root-132 MuiListItem-default-135 MuiListItem-gutters-140 MuiListItem-alignItemsFlexStart-137 css-11vba5x e4plnei13\\"><div class=\\"css-15496ft e4plnei5\\"><div class=\\"MuiAvatar-root-247 css-16dqgrp e4plnei6\\"><img alt=\\"Rose\\" src=\\"test avatar\\" class=\\"MuiAvatar-img-249\\"></div><span class=\\"css-eazh50 e4plnei4\\"><div class=\\"e4plnei3 css-16bvijn e1e79azc0\\">Rose</div></span></div><span class=\\"css-1rxy2wf e4plnei0\\"><svg class=\\"e4plnei1 css-pqdkph e1hmfdge0\\"><title>Version</title><use xlink:href=\\"[object Object]#version\\"></use></svg>v1.0.1</span><span class=\\"css-1rxy2wf e4plnei0\\"><svg class=\\"e4plnei1 css-pqdkph e1hmfdge0\\"><title>Time</title><use xlink:href=\\"[object Object]#time\\"></use></svg><span class=\\"css-1dp07e1 e4plnei2\\">Published on 21.07.2018, 22:11:12 •</span>9 months ago</span></li></ul><hr class=\\"MuiDivider-root-250\\"><ul class=\\"MuiList-root-128 MuiList-padding-129 package css-jpnf4t e4plnei10\\"><li class=\\"MuiListItem-root-132 MuiListItem-default-135 MuiListItem-gutters-140 MuiListItem-alignItemsFlexStart-137\\"><div class=\\"MuiListItemText-root-144 package-link css-9dxxs7 e4plnei14\\" component=\\"div\\"><span class=\\"MuiTypography-root-30 MuiTypography-subheading-37 MuiListItemText-primary-147\\"><div class=\\"MuiGrid-container-150 MuiGrid-item-151 MuiGrid-grid-xs-12-190\\"><div class=\\"MuiGrid-item-151 MuiGrid-grid-xs-true-178\\"><a class=\\"css-1jgqs7g e4plnei7\\" href=\\"/-/web/detail/xyz\\"><span class=\\"css-10n8p5f e4plnei8\\">xyz</span></a></div><div class=\\"MuiGrid-item-151 MuiGrid-grid-xs-true-178 css-s168sa e4plnei9\\"></div></div></span><p class=\\"MuiTypography-root-30 MuiTypography-body1-39 MuiTypography-colorTextSecondary-63 MuiListItemText-secondary-148\\"><span class=\\"MuiTypography-root-30 MuiTypography-body1-39 css-zd063h e4plnei15\\">xyz description</span></p></div></li><li class=\\"MuiListItem-root-132 MuiListItem-default-135 MuiListItem-gutters-140 MuiListItem-alignItemsFlexStart-137 css-11vba5x e4plnei13\\"><div class=\\"css-15496ft e4plnei5\\"><div class=\\"MuiAvatar-root-247 css-16dqgrp e4plnei6\\"><img alt=\\"Martin\\" src=\\"test avatar\\" class=\\"MuiAvatar-img-249\\"></div><span class=\\"css-eazh50 e4plnei4\\"><div class=\\"e4plnei3 css-16bvijn e1e79azc0\\">Martin</div></span></div><span class=\\"css-1rxy2wf e4plnei0\\"><svg class=\\"e4plnei1 css-pqdkph e1hmfdge0\\"><title>Version</title><use xlink:href=\\"[object Object]#version\\"></use></svg>v1.1.0</span></li></ul></div></div>"`;
+exports[`<PackageList /> component should load the component with packages 1`] = `"<div class=\\"package-list-items\\"><div class=\\"pkgContainer\\"><ul class=\\"MuiList-root-128 MuiList-padding-129 package css-jpnf4t e1vil7f010\\"><li class=\\"MuiListItem-root-132 MuiListItem-default-135 MuiListItem-gutters-140 MuiListItem-alignItemsFlexStart-137\\"><div class=\\"MuiListItemText-root-144 package-link css-9dxxs7 e1vil7f014\\" component=\\"div\\"><span class=\\"MuiTypography-root-30 MuiTypography-subheading-37 MuiListItemText-primary-147\\"><div class=\\"MuiGrid-container-150 MuiGrid-item-151 MuiGrid-grid-xs-12-190\\"><div class=\\"MuiGrid-item-151 MuiGrid-grid-xs-true-178\\"><a class=\\"css-1jgqs7g e1vil7f07\\" href=\\"/-/web/detail/verdaccio\\"><span class=\\"css-10n8p5f e1vil7f08\\">verdaccio</span></a></div><div class=\\"MuiGrid-item-151 MuiGrid-grid-xs-true-178 css-s168sa e1vil7f09\\"></div></div></span><p class=\\"MuiTypography-root-30 MuiTypography-body1-39 MuiTypography-colorTextSecondary-63 MuiListItemText-secondary-148\\"><span class=\\"MuiTypography-root-30 MuiTypography-body1-39 css-zd063h e1vil7f015\\">Private NPM repository</span></p></div></li><li class=\\"MuiListItem-root-132 MuiListItem-default-135 MuiListItem-gutters-140 MuiListItem-alignItemsFlexStart-137 css-11vba5x e1vil7f013\\"><div class=\\"css-15496ft e1vil7f05\\"><div class=\\"MuiAvatar-root-247 css-16dqgrp e1vil7f06\\"><img alt=\\"Sam\\" src=\\"test avatar\\" class=\\"MuiAvatar-img-249\\"></div><span class=\\"css-eazh50 e1vil7f04\\"><div class=\\"e1vil7f03 css-16bvijn e15mqpi80\\">Sam</div></span></div><span class=\\"css-1rxy2wf e1vil7f00\\"><svg class=\\"e1vil7f01 css-pqdkph e9byyw50\\"><title>Version</title><use xlink:href=\\"[object Object]#version\\"></use></svg>v1.0.0</span><span class=\\"css-1rxy2wf e1vil7f00\\"><svg class=\\"e1vil7f01 css-pqdkph e9byyw50\\"><title>Time</title><use xlink:href=\\"[object Object]#time\\"></use></svg><span class=\\"css-1dp07e1 e1vil7f02\\">Published on 21.07.2018, 22:11:12 •</span>9 months ago</span></li></ul><hr class=\\"MuiDivider-root-250\\"><ul class=\\"MuiList-root-128 MuiList-padding-129 package css-jpnf4t e1vil7f010\\"><li class=\\"MuiListItem-root-132 MuiListItem-default-135 MuiListItem-gutters-140 MuiListItem-alignItemsFlexStart-137\\"><div class=\\"MuiListItemText-root-144 package-link css-9dxxs7 e1vil7f014\\" component=\\"div\\"><span class=\\"MuiTypography-root-30 MuiTypography-subheading-37 MuiListItemText-primary-147\\"><div class=\\"MuiGrid-container-150 MuiGrid-item-151 MuiGrid-grid-xs-12-190\\"><div class=\\"MuiGrid-item-151 MuiGrid-grid-xs-true-178\\"><a class=\\"css-1jgqs7g e1vil7f07\\" href=\\"/-/web/detail/abc\\"><span class=\\"css-10n8p5f e1vil7f08\\">abc</span></a></div><div class=\\"MuiGrid-item-151 MuiGrid-grid-xs-true-178 css-s168sa e1vil7f09\\"></div></div></span><p class=\\"MuiTypography-root-30 MuiTypography-body1-39 MuiTypography-colorTextSecondary-63 MuiListItemText-secondary-148\\"><span class=\\"MuiTypography-root-30 MuiTypography-body1-39 css-zd063h e1vil7f015\\">abc description</span></p></div></li><li class=\\"MuiListItem-root-132 MuiListItem-default-135 MuiListItem-gutters-140 MuiListItem-alignItemsFlexStart-137 css-11vba5x e1vil7f013\\"><div class=\\"css-15496ft e1vil7f05\\"><div class=\\"MuiAvatar-root-247 css-16dqgrp e1vil7f06\\"><img alt=\\"Rose\\" src=\\"test avatar\\" class=\\"MuiAvatar-img-249\\"></div><span class=\\"css-eazh50 e1vil7f04\\"><div class=\\"e1vil7f03 css-16bvijn e15mqpi80\\">Rose</div></span></div><span class=\\"css-1rxy2wf e1vil7f00\\"><svg class=\\"e1vil7f01 css-pqdkph e9byyw50\\"><title>Version</title><use xlink:href=\\"[object Object]#version\\"></use></svg>v1.0.1</span><span class=\\"css-1rxy2wf e1vil7f00\\"><svg class=\\"e1vil7f01 css-pqdkph e9byyw50\\"><title>Time</title><use xlink:href=\\"[object Object]#time\\"></use></svg><span class=\\"css-1dp07e1 e1vil7f02\\">Published on 21.07.2018, 22:11:12 •</span>9 months ago</span></li></ul><hr class=\\"MuiDivider-root-250\\"><ul class=\\"MuiList-root-128 MuiList-padding-129 package css-jpnf4t e1vil7f010\\"><li class=\\"MuiListItem-root-132 MuiListItem-default-135 MuiListItem-gutters-140 MuiListItem-alignItemsFlexStart-137\\"><div class=\\"MuiListItemText-root-144 package-link css-9dxxs7 e1vil7f014\\" component=\\"div\\"><span class=\\"MuiTypography-root-30 MuiTypography-subheading-37 MuiListItemText-primary-147\\"><div class=\\"MuiGrid-container-150 MuiGrid-item-151 MuiGrid-grid-xs-12-190\\"><div class=\\"MuiGrid-item-151 MuiGrid-grid-xs-true-178\\"><a class=\\"css-1jgqs7g e1vil7f07\\" href=\\"/-/web/detail/xyz\\"><span class=\\"css-10n8p5f e1vil7f08\\">xyz</span></a></div><div class=\\"MuiGrid-item-151 MuiGrid-grid-xs-true-178 css-s168sa e1vil7f09\\"></div></div></span><p class=\\"MuiTypography-root-30 MuiTypography-body1-39 MuiTypography-colorTextSecondary-63 MuiListItemText-secondary-148\\"><span class=\\"MuiTypography-root-30 MuiTypography-body1-39 css-zd063h e1vil7f015\\">xyz description</span></p></div></li><li class=\\"MuiListItem-root-132 MuiListItem-default-135 MuiListItem-gutters-140 MuiListItem-alignItemsFlexStart-137 css-11vba5x e1vil7f013\\"><div class=\\"css-15496ft e1vil7f05\\"><div class=\\"MuiAvatar-root-247 css-16dqgrp e1vil7f06\\"><img alt=\\"Martin\\" src=\\"test avatar\\" class=\\"MuiAvatar-img-249\\"></div><span class=\\"css-eazh50 e1vil7f04\\"><div class=\\"e1vil7f03 css-16bvijn e15mqpi80\\">Martin</div></span></div><span class=\\"css-1rxy2wf e1vil7f00\\"><svg class=\\"e1vil7f01 css-pqdkph e9byyw50\\"><title>Version</title><use xlink:href=\\"[object Object]#version\\"></use></svg>v1.1.0</span></li></ul></div></div>"`;
diff --git a/test/unit/webui/components/__snapshots__/search.spec.js.snap b/test/unit/webui/components/__snapshots__/search.spec.js.snap
index 0056047..baea56d 100644
--- a/test/unit/webui/components/__snapshots__/search.spec.js.snap
+++ b/test/unit/webui/components/__snapshots__/search.spec.js.snap
@@ -1,3 +1,3 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`<Search /> component test should load the component in default state 1`] = `"<div class=\\"css-1crzyyo e1iuirpy0\\"><div role=\\"combobox\\" aria-haspopup=\\"listbox\\" aria-owns=\\"react-autowhatever-1\\" aria-expanded=\\"false\\" class=\\"react-autosuggest__container\\"><div class=\\"MuiFormControl-root-1 MuiFormControl-fullWidth-4 react-autosuggest__input\\" aria-autocomplete=\\"list\\" aria-controls=\\"react-autowhatever-1\\"><div class=\\"MuiInputBase-root-18 MuiInput-root-5 css-n9ojyg MuiInput-underline-9 MuiInputBase-fullWidth-27 MuiInput-fullWidth-12 MuiInputBase-formControl-19 MuiInput-formControl-6 MuiInputBase-adornedStart-22\\"><div class=\\"MuiInputAdornment-root-35 MuiInputAdornment-positionStart-37\\" style=\\"color: rgb(255, 255, 255);\\"><svg class=\\"MuiSvgIcon-root-40\\" focusable=\\"false\\" viewBox=\\"0 0 24 24\\" aria-hidden=\\"true\\" role=\\"presentation\\"><path d=\\"M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z\\"></path><path fill=\\"none\\" d=\\"M0 0h24v24H0z\\"></path></svg></div><input aria-invalid=\\"false\\" autocomplete=\\"off\\" class=\\"MuiInputBase-input-28 MuiInput-input-13 css-hodoyq MuiInputBase-inputAdornedStart-33\\" placeholder=\\"Search Packages\\" type=\\"text\\" value=\\"\\"></div></div><div class=\\"MuiPaper-root-49 MuiPaper-elevation2-53 react-autosuggest__suggestions-container\\" id=\\"react-autowhatever-1\\" role=\\"listbox\\"></div></div></div>"`;
+exports[`<Search /> component test should load the component in default state 1`] = `"<div class=\\"css-1crzyyo e18292mt0\\"><div role=\\"combobox\\" aria-haspopup=\\"listbox\\" aria-owns=\\"react-autowhatever-1\\" aria-expanded=\\"false\\" class=\\"react-autosuggest__container\\"><div class=\\"MuiFormControl-root-1 MuiFormControl-fullWidth-4 react-autosuggest__input\\" aria-autocomplete=\\"list\\" aria-controls=\\"react-autowhatever-1\\"><div class=\\"MuiInputBase-root-18 MuiInput-root-5 css-n9ojyg MuiInput-underline-9 MuiInputBase-fullWidth-27 MuiInput-fullWidth-12 MuiInputBase-formControl-19 MuiInput-formControl-6 MuiInputBase-adornedStart-22\\"><div class=\\"MuiInputAdornment-root-35 MuiInputAdornment-positionStart-37\\" style=\\"color: rgb(255, 255, 255);\\"><svg class=\\"MuiSvgIcon-root-40\\" focusable=\\"false\\" viewBox=\\"0 0 24 24\\" aria-hidden=\\"true\\" role=\\"presentation\\"><path d=\\"M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z\\"></path><path fill=\\"none\\" d=\\"M0 0h24v24H0z\\"></path></svg></div><input aria-invalid=\\"false\\" autocomplete=\\"off\\" class=\\"MuiInputBase-input-28 MuiInput-input-13 css-hodoyq MuiInputBase-inputAdornedStart-33\\" placeholder=\\"Search Packages\\" type=\\"text\\" value=\\"\\"></div></div><div class=\\"MuiPaper-root-49 MuiPaper-elevation2-53 react-autosuggest__suggestions-container\\" id=\\"react-autowhatever-1\\" role=\\"listbox\\"></div></div></div>"`;
diff --git a/yarn.lock b/yarn.lock
index ba1514c..4cfd09c 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1429,6 +1429,11 @@
   resolved "https://registry.verdaccio.org/@types%2fistanbul-lib-coverage/-/istanbul-lib-coverage-2.0.0.tgz#1eb8c033e98cf4e1a4cedcaf8bcafe8cb7591e85"
   integrity sha512-eAtOAFZefEnfJiRFQBGw1eYqa5GTLCZ1y86N0XSI/D6EB+E8z6VPV/UL7Gi5UEclFqoQk+6NRqEDsfmDLXn8sg==
 
+"@types/jest@^23.0.2":
+  version "23.3.14"
+  resolved "https://registry.npmjs.org/@types/jest/-/jest-23.3.14.tgz#37daaf78069e7948520474c87b80092ea912520a"
+  integrity sha512-Q5hTcfdudEL2yOmluA1zaSyPbzWPmJ3XfSWeP3RyoYvS9hnje1ZyagrZOuQ6+1nQC1Gw+7gap3pLNL3xL6UBug==
+
 "@types/jss@^9.5.6":
   version "9.5.8"
   resolved "https://registry.verdaccio.org/@types%2fjss/-/jss-9.5.8.tgz#258391f42211c042fc965508d505cbdc579baa5b"
@@ -3911,7 +3916,7 @@ css-what@2.1, css-what@^2.1.2:
   resolved "https://registry.yarnpkg.com/css-what/-/css-what-2.1.2.tgz#c0876d9d0480927d7d4920dcd72af3595649554d"
   integrity sha512-wan8dMWQ0GUeF7DGEPVjhHemVW/vy6xUYmFzRY8RYqgA0JtXC9rJmbScBjqSu6dg9q0lwPQy6ZAmJVr3PPTvqQ==
 
-css@^2.0.0:
+css@^2.0.0, css@^2.2.1:
   version "2.2.4"
   resolved "https://registry.yarnpkg.com/css/-/css-2.2.4.tgz#c646755c73971f2bba6a601e2cf2fd71b1298929"
   integrity sha512-oUnjmWpy0niI3x/mPL8dVEI1l7MnG3+HHyRPHf+YFSbK+svOhXpmSOcDURUh2aOCgl2grzrOPt1nHLuCVFULLw==
@@ -7253,6 +7258,16 @@ jest-each@^24.7.1:
     jest-util "^24.7.1"
     pretty-format "^24.7.0"
 
+jest-emotion@10.0.10:
+  version "10.0.10"
+  resolved "https://registry.npmjs.org/jest-emotion/-/jest-emotion-10.0.10.tgz#94ba32b3982ba790bab82b3475a1e2d1f2a3f5c8"
+  integrity sha512-RHlOHonIEWwPeOuUZoHSnbf+ZDVlvrZoSuUzWHNcQxQIJPo7LWuRzzZhTZeU+QVWWSSNIFvgfJl7muLezJnlgg==
+  dependencies:
+    "@types/jest" "^23.0.2"
+    chalk "^2.4.1"
+    css "^2.2.1"
+    object-assign "^4.1.1"
+
 jest-environment-jsdom-global@1.1.1:
   version "1.1.1"
   resolved "https://registry.verdaccio.org/jest-environment-jsdom-global/-/jest-environment-jsdom-global-1.1.1.tgz#c0b5fd969ace23137fd9c4a3b8e3367a54b4ed15"