diff --git a/src/me/components/PinnedItems.scss b/src/me/components/PinnedItems.scss
deleted file mode 100644
index 7bbec0cc11..0000000000
--- a/src/me/components/PinnedItems.scss
+++ /dev/null
@@ -1,35 +0,0 @@
-@import '@influxdata/clockface/dist/variables.scss';
-$dashboard-grid-gap: $cf-space-2xs;
-
-.pinned-items--header {
-  font-weight: 400;
-}
-
-.pinneditems--container {
-  display: grid;
-  grid-template-columns: repeat(3, minmax(0px, 1fr));
-  border-radius: 18px;
-  width: 100%;
-  height: auto;
-  grid-column-gap: $dashboard-grid-gap;
-  grid-row-gap: $dashboard-grid-gap;
-}
-
-.pinneditems--emptystate {
-  min-width: 380px;
-}
-
-.pinned-items--card {
-  background: $cf-grey-25;
-}
-
-.pinneditems--link {
-  word-break: break-word;
-  max-width: fit-content;
-}
-
-@media screen and (max-width: $cf-grid--breakpoint-md) {
-  .pinneditems--container {
-    grid-template-columns: minmax(0px, 1fr);
-  }
-}
diff --git a/src/me/components/PinnedItems.tsx b/src/me/components/PinnedItems.tsx
deleted file mode 100644
index 229e5ab14d..0000000000
--- a/src/me/components/PinnedItems.tsx
+++ /dev/null
@@ -1,130 +0,0 @@
-import React, {FC, useCallback, useContext} from 'react'
-import {
-  PinnedItem,
-  PinnedItemsContext,
-  PinnedItemTypes,
-} from 'src/shared/contexts/pinneditems'
-import {
-  ButtonShape,
-  ComponentColor,
-  ComponentSize,
-  ConfirmationButton,
-  FlexBox,
-  Heading,
-  HeadingElement,
-  IconFont,
-  Panel,
-  ResourceCard,
-  Typeface,
-} from '@influxdata/clockface'
-
-import './PinnedItems.scss'
-
-import {useHistory} from 'react-router-dom'
-import {CLOUD} from 'src/shared/constants'
-import {isFlagEnabled} from 'src/shared/utils/featureFlag'
-import {PROJECT_NAME_PLURAL} from 'src/flows'
-
-const PinnedItems: FC = () => {
-  const history = useHistory()
-  const followMetadataToRoute = useCallback(
-    (data: PinnedItem) => {
-      let routeToFollow = ''
-      switch (data.type) {
-        case PinnedItemTypes.Dashboard:
-          routeToFollow = `/orgs/${data.orgID}/dashboards/${data.metadata.dashboardID}`
-          break
-        case PinnedItemTypes.Task:
-          routeToFollow = `/orgs/${data.orgID}/tasks/${data.metadata.taskID}/edit`
-          break
-        case PinnedItemTypes.Notebook:
-          routeToFollow = `/orgs/${
-            data.orgID
-          }/${PROJECT_NAME_PLURAL.toLowerCase()}/${data.metadata.flowID}`
-          break
-        default:
-          break
-      }
-
-      if (routeToFollow.length) {
-        history.push(routeToFollow)
-      } else {
-        return
-      }
-    },
-    [history]
-  )
-
-  const {pinnedItems, deletePinnedItemsHelper, pinnedItemsError} =
-    useContext(PinnedItemsContext)
-
-  const handleDeletePinnedItem = async (itemId: string) => {
-    await deletePinnedItemsHelper(itemId)
-  }
-  const EmptyState = () => (
-    <Heading element={HeadingElement.H5} testID="pinneditems--emptystate">
-      Pin a task, dashboard, or notebook here
-    </Heading>
-  )
-
-  const mainPanelStyle = {margin: '4px 0px'}
-  const resourceCardStyle = {marginTop: '0px'}
-
-  return CLOUD && isFlagEnabled('pinnedItems') ? (
-    <Panel style={mainPanelStyle}>
-      <Panel.Header>
-        <h2 className="pinned-items--header">Pinned Items</h2>
-      </Panel.Header>
-      <Panel.Body
-        className="pinneditems--container"
-        testID="pinneditems--container"
-      >
-        {pinnedItems?.length ? (
-          pinnedItems.map(item => (
-            <ResourceCard
-              key={item.id}
-              testID="pinneditems--card"
-              className="pinned-items--card"
-              contextMenu={
-                <FlexBox margin={ComponentSize.ExtraSmall}>
-                  <ConfirmationButton
-                    color={ComponentColor.Colorless}
-                    icon={IconFont.Trash_New}
-                    shape={ButtonShape.Square}
-                    size={ComponentSize.ExtraSmall}
-                    confirmationLabel="Unpin this item?"
-                    onConfirm={() => handleDeletePinnedItem(item.id)}
-                    confirmationButtonText="Yes"
-                    testID="pinneditems-delete--menu"
-                  />
-                </FlexBox>
-              }
-              style={resourceCardStyle}
-            >
-              <ResourceCard.Meta>
-                <Heading
-                  type={Typeface.RobotoMono}
-                  element={HeadingElement.H5}
-                  testID="pinneditems--type"
-                >
-                  {item.type.toUpperCase()}
-                </Heading>
-              </ResourceCard.Meta>
-              <ResourceCard.Name
-                name={item.metadata.name ?? ''}
-                onClick={() => followMetadataToRoute(item)}
-                testID="pinneditems--link"
-                className="pinneditems--link"
-              />
-            </ResourceCard>
-          ))
-        ) : (
-          <EmptyState />
-        )}
-        {pinnedItemsError.length ? <h3>{pinnedItemsError}</h3> : null}
-      </Panel.Body>
-    </Panel>
-  ) : null
-}
-
-export default PinnedItems