diff --git a/packages/core/admin/admin/src/components/Webhooks/ListRow/StyledListRow.js b/packages/core/admin/admin/src/components/Webhooks/ListRow/StyledListRow.js
deleted file mode 100644
index 57614c9439..0000000000
--- a/packages/core/admin/admin/src/components/Webhooks/ListRow/StyledListRow.js
+++ /dev/null
@@ -1,49 +0,0 @@
-/**
- *
- * StyledListRow
- *
- */
-
-import styled from 'styled-components';
-import { CustomRow as Row } from '@buffetjs/styles';
-import { sizes } from '@strapi/helper-plugin';
-
-const StyledListRow = styled(Row)`
-  cursor: ${({ disabled }) => (disabled ? 'default' : 'pointer')};
-  .checkboxWrapper {
-    width: 55px;
-    padding-left: 30px;
-    > div {
-      height: 16px;
-    }
-  }
-  .nameWrapper {
-    max-width: 158px;
-  }
-  .urlWrapper {
-    max-width: 300px;
-  }
-
-  .switchWrapper {
-    min-width: 125px;
-  }
-
-  @media (min-width: ${sizes.wide}) {
-    .urlWrapper {
-      max-width: 400px;
-    }
-  }
-  td {
-    p {
-      overflow: hidden;
-      text-overflow: ellipsis;
-      white-space: nowrap;
-    }
-  }
-`;
-
-StyledListRow.defaultProps = {
-  disabled: true,
-};
-
-export default StyledListRow;
diff --git a/packages/core/admin/admin/src/components/Webhooks/ListRow/index.js b/packages/core/admin/admin/src/components/Webhooks/ListRow/index.js
deleted file mode 100644
index 25e48e71a9..0000000000
--- a/packages/core/admin/admin/src/components/Webhooks/ListRow/index.js
+++ /dev/null
@@ -1,113 +0,0 @@
-/**
- *
- * ListRow
- *
- */
-
-import React from 'react';
-import PropTypes from 'prop-types';
-import { Checkbox, IconLinks } from '@buffetjs/core';
-import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
-import { faPencilAlt, faTrashAlt } from '@fortawesome/free-solid-svg-icons';
-
-import Switch from '../Switch';
-import StyledListRow from './StyledListRow';
-
-function ListRow({
-  canDelete,
-  canUpdate,
-  id,
-  isEnabled,
-  itemsToDelete,
-  name,
-  url,
-  onCheckChange,
-  onEnabledChange,
-  onDeleteCLick,
-  onEditClick,
-}) {
-  const links = [
-    {
-      icon: canUpdate ? <FontAwesomeIcon icon={faPencilAlt} /> : null,
-      onClick: () => onEditClick(id),
-    },
-    {
-      icon: canDelete ? <FontAwesomeIcon icon={faTrashAlt} /> : null,
-      onClick: e => {
-        e.stopPropagation();
-        onDeleteCLick(id);
-      },
-    },
-  ];
-
-  const handleClick = () => {
-    if (canUpdate) {
-      onEditClick(id);
-    }
-  };
-
-  const isChecked = itemsToDelete.includes(id);
-
-  return (
-    <StyledListRow onClick={handleClick} disabled={!canUpdate}>
-      {canDelete && (
-        <td className="checkboxWrapper">
-          <Checkbox
-            name={name}
-            value={isChecked}
-            onClick={e => e.stopPropagation()}
-            onChange={({ target: { value } }) => onCheckChange(value, id)}
-          />
-        </td>
-      )}
-      <td className="nameWrapper">
-        <p>{name}</p>
-      </td>
-      <td className="urlWrapper">
-        <p title={url}>{url}</p>
-      </td>
-      <td className="switchWrapper">
-        <div onClick={e => e.stopPropagation()} role="button" aria-hidden="true">
-          <Switch
-            disabled={!canUpdate}
-            name={name}
-            value={isEnabled}
-            onChange={({ target: { value } }) => onEnabledChange(value, id)}
-          />
-        </div>
-      </td>
-      <td>
-        <IconLinks links={links} />
-      </td>
-    </StyledListRow>
-  );
-}
-
-ListRow.defaultProps = {
-  canDelete: false,
-  canUpdate: false,
-  itemsToDelete: [],
-  isEnabled: false,
-  name: null,
-  onCheckChange: () => {},
-  onDeleteCLick: () => {},
-  onEditClick: () => {},
-  onEnabledChange: () => {},
-  url: null,
-};
-
-ListRow.propTypes = {
-  canDelete: PropTypes.bool,
-  canUpdate: PropTypes.bool,
-  id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,
-  itemsToDelete: PropTypes.instanceOf(Array),
-  isEnabled: PropTypes.bool,
-  name: PropTypes.string,
-  onCheckChange: PropTypes.func,
-  onDeleteCLick: PropTypes.func,
-  onEditClick: PropTypes.func,
-  onEnabledChange: PropTypes.func,
-  url: PropTypes.string,
-};
-
-export default ListRow;
diff --git a/packages/core/admin/admin/src/components/Webhooks/Switch/Toggle.js b/packages/core/admin/admin/src/components/Webhooks/Switch/Toggle.js
deleted file mode 100644
index c88182e75c..0000000000
--- a/packages/core/admin/admin/src/components/Webhooks/Switch/Toggle.js
+++ /dev/null
@@ -1,30 +0,0 @@
-/**
- *
- * Toggle
- *
- */
-
-import styled from 'styled-components';
-import PropTypes from 'prop-types';
-
-const Toggle = styled.input`
-  position: absolute;
-  top: 0;
-  left: 0;
-  margin: 0;
-  width: 100%;
-  height: 100%;
-  cursor: ${({ disabled }) => (disabled ? 'not-allowed' : 'pointer')} !important;
-  opacity: 0;
-`;
-
-Toggle.defaultProps = {
-  disabled: true,
-  type: 'checkbox',
-};
-
-Toggle.propTypes = {
-  type: PropTypes.string,
-};
-
-export default Toggle;
diff --git a/packages/core/admin/admin/src/components/Webhooks/Switch/Wrapper.js b/packages/core/admin/admin/src/components/Webhooks/Switch/Wrapper.js
deleted file mode 100644
index 852b953865..0000000000
--- a/packages/core/admin/admin/src/components/Webhooks/Switch/Wrapper.js
+++ /dev/null
@@ -1,67 +0,0 @@
-/**
- *
- * Wrapper
- *
- */
-
-import styled from 'styled-components';
-
-const Wrapper = styled.div`
-  position: relative;
-  .button {
-    position: relative;
-    z-index: 2;
-    width: 30px;
-    height: 18px;
-    margin-right: 12px;
-    .button-rect {
-      position: relative;
-      z-index: -2;
-      margin-top: 3px;
-      width: 30px;
-      height: 12px;
-      background-color: #faa684;
-      border-radius: 6px;
-    }
-    .button-circle {
-      position: absolute;
-      top: 0;
-      right: -1px;
-      width: 17px;
-      height: 17px;
-      border-radius: 9px;
-      background-color: #f1f1f1;
-      &:before {
-        content: '';
-        position: absolute;
-        top: 0;
-        right: 0;
-        bottom: 0;
-        left: 0;
-        z-index: -1;
-        margin: -1px;
-        border-radius: inherit;
-        background: linear-gradient(to bottom, #f1f1f1, #e7e7e7);
-      }
-    }
-  }
-  input {
-    z-index: 3;
-    cursor: pointer;
-  }
-  input:checked + .button {
-    .button-rect {
-      background-color: #6dbb1a;
-    }
-    .button-circle {
-      left: -1px;
-    }
-  }
-  .button,
-  p {
-    display: inline-block;
-    vertical-align: top;
-  }
-`;
-
-export default Wrapper;
diff --git a/packages/core/admin/admin/src/components/Webhooks/Switch/index.js b/packages/core/admin/admin/src/components/Webhooks/Switch/index.js
deleted file mode 100644
index e93ed1bcb4..0000000000
--- a/packages/core/admin/admin/src/components/Webhooks/Switch/index.js
+++ /dev/null
@@ -1,51 +0,0 @@
-/**
- *
- * Switch
- *
- */
-
-import React from 'react';
-import PropTypes from 'prop-types';
-import { useIntl } from 'react-intl';
-
-import Toggle from './Toggle';
-import Wrapper from './Wrapper';
-
-function Switch({ disabled, name, value, onChange }) {
-  const { formatMessage } = useIntl();
-
-  return (
-    <Wrapper>
-      <Toggle
-        disabled={disabled}
-        checked={value}
-        name={name}
-        onChange={({ target: { checked } }) => onChange({ target: { name, value: checked } })}
-      />
-      <div className="button">
-        <div className="button-rect" />
-        <div className="button-circle" />
-      </div>
-      <p>
-        {value
-          ? formatMessage({ id: 'Settings.webhooks.enabled' })
-          : formatMessage({ id: 'Settings.webhooks.disabled' })}
-      </p>
-    </Wrapper>
-  );
-}
-
-Switch.defaultProps = {
-  disabled: true,
-  onChange: () => {},
-  value: false,
-};
-
-Switch.propTypes = {
-  disabled: PropTypes.bool,
-  onChange: PropTypes.func,
-  name: PropTypes.string.isRequired,
-  value: PropTypes.bool,
-};
-
-export default Switch;
diff --git a/packages/core/admin/admin/src/components/Webhooks/index.js b/packages/core/admin/admin/src/components/Webhooks/index.js
index 98fd67217e..4dd13a2f86 100644
--- a/packages/core/admin/admin/src/components/Webhooks/index.js
+++ b/packages/core/admin/admin/src/components/Webhooks/index.js
@@ -1,4 +1,2 @@
 export { default as Inputs } from './Inputs';
-export { default as ListRow } from './ListRow';
-export { default as Switch } from './Switch';
 export { default as TriggerContainer } from './TriggerContainer';
diff --git a/packages/core/admin/admin/src/pages/Admin/Content.js b/packages/core/admin/admin/src/pages/Admin/Content.js
deleted file mode 100644
index a255c98348..0000000000
--- a/packages/core/admin/admin/src/pages/Admin/Content.js
+++ /dev/null
@@ -1,30 +0,0 @@
-import styled from 'styled-components';
-import PropTypes from 'prop-types';
-
-const Content = styled.div`
-  min-height: calc(100vh - ${props => props.theme.main.sizes.header.height});
-  width: calc(100vw - ${props => props.theme.main.sizes.leftMenu.width});
-  margin-top: ${props => props.theme.main.sizes.header.height};
-  margin-left: ${props => props.theme.main.sizes.leftMenu.width};
-  background: ${props => props.theme.main.colors.content['background-alpha']};
-`;
-
-Content.defaultProps = {
-  theme: {
-    main: {
-      colors: {
-        content: {},
-      },
-      sizes: {
-        header: {},
-        leftMenu: {},
-      },
-    },
-  },
-};
-
-Content.propTypes = {
-  theme: PropTypes.object,
-};
-
-export default Content;
diff --git a/packages/core/admin/admin/src/pages/Admin/Logout/components.js b/packages/core/admin/admin/src/pages/Admin/Logout/components.js
deleted file mode 100644
index 4ce21adea1..0000000000
--- a/packages/core/admin/admin/src/pages/Admin/Logout/components.js
+++ /dev/null
@@ -1,128 +0,0 @@
-import styled from 'styled-components';
-
-const Wrapper = styled.div`
-  position: relative;
-  -webkit-font-smoothing: antialiased;
-  > div {
-    height: 6rem;
-    width: 100%;
-    line-height: 5.8rem;
-    z-index: 999;
-    > button,
-    > button.btn {
-      position: relative;
-      z-index: 9;
-      width: 100%;
-      padding-left: 20px;
-      padding-right: 20px;
-      background: white;
-      border: none;
-      border-radius: 0;
-      color: #333740;
-      font-size: 14px;
-      font-weight: 500;
-      text-align: right;
-      cursor: pointer;
-      transition: background 0.2s ease-out;
-
-      &:hover,
-      &:focus,
-      &:active {
-        color: #333740;
-        background-color: #fafafb !important;
-        z-index: 9;
-      }
-
-      > i,
-      > svg {
-        margin-left: 10px;
-        transition: transform 0.3s ease-out;
-
-        &[alt='true'] {
-          transform: rotateX(180deg);
-        }
-      }
-    }
-  }
-
-  &:after {
-    position: absolute;
-    right: -1px;
-    top: calc(50% - 10px);
-    content: '';
-    display: inline-block;
-    vertical-align: middle;
-    height: 20px;
-    border-left: 1px solid #f3f4f4;
-    transition: opacity 0.2s ease-out;
-  }
-
-  &:hover:after {
-    opacity: 0;
-  }
-
-  .dropDownContent {
-    z-index: 8;
-    top: -3px !important;
-    left: auto !important;
-    min-width: 190px;
-    margin: 0 !important;
-    padding: 0;
-    line-height: 1.8rem;
-    border: none !important;
-    border-top-left-radius: 0 !important;
-    border-top-right-radius: 0 !important;
-    font-size: 14px;
-    overflow: hidden;
-    box-shadow: 0 1px 4px 0px rgba(40, 42, 49, 0.05);
-    &:active {
-      outline: 0;
-    }
-
-    &:before {
-      content: '';
-      position: absolute;
-      top: 0;
-      left: -1px;
-      width: calc(100% + 1px);
-      height: 3px;
-      box-shadow: 0 1px 2px 0 rgba(40, 42, 49, 0.16);
-    }
-
-    > button {
-      height: 54px;
-      padding: 0px 15px;
-      &:hover,
-      &:focus,
-      &:active {
-        background-color: #fafafb !important;
-        border-radius: 0px;
-        cursor: pointer;
-        outline: 0;
-      }
-      &:hover,
-      &:active {
-        color: #333740;
-      }
-    }
-
-    > button:last-child {
-      color: #f75b1d;
-      > i,
-      svg {
-        margin-left: 10px;
-      }
-    }
-  }
-
-  .item {
-    &:active {
-      color: black;
-    }
-    &:hover {
-      background-color: #fafafb !important;
-    }
-  }
-`;
-
-export default Wrapper;
diff --git a/packages/core/admin/admin/src/pages/Admin/Logout/index.js b/packages/core/admin/admin/src/pages/Admin/Logout/index.js
deleted file mode 100644
index e46e452988..0000000000
--- a/packages/core/admin/admin/src/pages/Admin/Logout/index.js
+++ /dev/null
@@ -1,60 +0,0 @@
-/**
- *
- * Logout
- *
- */
-
-/* eslint-disable */
-import React, { useState } from 'react';
-import { FormattedMessage } from 'react-intl';
-import { withRouter } from 'react-router-dom';
-import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
-import { ButtonDropdown, DropdownItem, DropdownMenu, DropdownToggle } from 'reactstrap';
-import { get } from 'lodash';
-import { auth } from '@strapi/helper-plugin';
-import Wrapper from './components';
-
-const Logout = ({ history: { push } }) => {
-  const [isOpen, setIsOpen] = useState(false);
-
-  const handleGoToMe = () => {
-    push({
-      pathname: `/me`,
-    });
-  };
-
-  const handleLogout = () => {
-    auth.clearAppStorage();
-    push('/auth/login');
-  };
-
-  const toggle = () => setIsOpen(prev => !prev);
-
-  const userInfo = auth.getUserInfo();
-  const displayName =
-    userInfo && userInfo.firstname && userInfo.lastname
-      ? `${userInfo.firstname} ${userInfo.lastname}`
-      : get(userInfo, 'username', '');
-
-  return (
-    <Wrapper>
-      <ButtonDropdown isOpen={isOpen} toggle={toggle}>
-        <DropdownToggle>
-          {displayName}
-          <FontAwesomeIcon icon="caret-down" />
-        </DropdownToggle>
-        <DropdownMenu className="dropDownContent">
-          <DropdownItem onClick={handleGoToMe} className="item">
-            <FormattedMessage id="app.components.Logout.profile" />
-          </DropdownItem>
-          <DropdownItem onClick={handleLogout}>
-            <FormattedMessage id="app.components.Logout.logout" />
-            <FontAwesomeIcon icon="sign-out-alt" />
-          </DropdownItem>
-        </DropdownMenu>
-      </ButtonDropdown>
-    </Wrapper>
-  );
-};
-
-export default withRouter(Logout);
diff --git a/packages/core/admin/admin/src/pages/Admin/Wrapper.js b/packages/core/admin/admin/src/pages/Admin/Wrapper.js
deleted file mode 100644
index e316cd38e7..0000000000
--- a/packages/core/admin/admin/src/pages/Admin/Wrapper.js
+++ /dev/null
@@ -1,27 +0,0 @@
-import styled from 'styled-components';
-
-const Wrapper = styled.div`
-  display: flex;
-  overflow-x: hidden;
-
-  p,
-  span {
-    font-family: Lato;
-  }
-
-  .adminPageRightWrapper {
-    width: ${props => `calc(100% - ${props.theme.main.sizes.leftMenu.width})`};
-  }
-`;
-
-Wrapper.defaultProps = {
-  theme: {
-    main: {
-      sizes: {
-        leftMenu: {},
-      },
-    },
-  },
-};
-
-export default Wrapper;
diff --git a/packages/core/admin/admin/src/pages/Admin/tests/index.test.js b/packages/core/admin/admin/src/pages/Admin/tests/index.test.js
index 2ee507cee1..1063ad4d1b 100644
--- a/packages/core/admin/admin/src/pages/Admin/tests/index.test.js
+++ b/packages/core/admin/admin/src/pages/Admin/tests/index.test.js
@@ -28,8 +28,6 @@ jest.mock('../../../hooks', () => ({
 }));
 
 jest.mock('../../../components/LeftMenu', () => () => <div>menu</div>);
-
-jest.mock('../Logout', () => () => <div>Logout</div>);
 jest.mock('../../HomePage', () => () => <div>HomePage</div>);
 
 const makeApp = history => (
diff --git a/packages/core/admin/admin/src/pages/App/constants.js b/packages/core/admin/admin/src/pages/App/constants.js
deleted file mode 100644
index 3498340a8b..0000000000
--- a/packages/core/admin/admin/src/pages/App/constants.js
+++ /dev/null
@@ -1,8 +0,0 @@
-/*
- *
- * App constants
- *
- */
-
-// eslint-disable-next-line import/prefer-default-export
-export const GET_DATA_SUCCEEDED = 'app/App/GET_DATA_SUCCEEDED';
diff --git a/packages/core/admin/admin/src/pages/App/styles/website.css b/packages/core/admin/admin/src/pages/App/styles/website.css
deleted file mode 100644
index bbf62b3ffa..0000000000
--- a/packages/core/admin/admin/src/pages/App/styles/website.css
+++ /dev/null
@@ -1,25 +0,0 @@
-li.header {
-  color: #101622 !important;
-  font-weight: 600;
-  letter-spacing: 0.07rem;
-  -webkit-font-smoothing: subpixel-antialiased;
-}
-
-li.chapter > a {
-  transition: background-color 0.15s ease;
-  -webkit-transition: background-color 0.15s ease;
-}
-
-li.chapter:hover > a {
-  background: #eee !important;
-  text-decoration: none !important;
-}
-
-.versions-select select {
-  height: 36px;
-  border: 1px solid #ccc;
-}
-
-.book-summary {
-  background-color: #f7f7f7 !important;
-}
diff --git a/packages/core/admin/admin/src/pages/Webhooks/ListView/Wrapper.js b/packages/core/admin/admin/src/pages/Webhooks/ListView/Wrapper.js
deleted file mode 100644
index aa0782f837..0000000000
--- a/packages/core/admin/admin/src/pages/Webhooks/ListView/Wrapper.js
+++ /dev/null
@@ -1,31 +0,0 @@
-/**
- *
- * Wrapper
- *
- */
-
-import styled from 'styled-components';
-
-const Wrapper = styled.div`
-  margin-bottom: 60px;
-  > div:first-of-type {
-    margin-bottom: 33px;
-  }
-  .list-wrapper {
-    border-radius: 2px;
-    box-shadow: 0 2px 4px #e3e9f3;
-    background: white;
-    > div,
-    > div > div:last-of-type {
-      box-shadow: none;
-      border-radius: 2px;
-      border-bottom-left-radius: 0;
-      border-bottom-right-radius: 0;
-    }
-  }
-  p {
-    margin-bottom: 0;
-  }
-`;
-
-export default Wrapper;