diff --git a/web/packages/design/src/DataTable/DataTable.story.tsx b/web/packages/design/src/DataTable/DataTable.story.tsx
index 12d126a241c9..710ef3cff9f4 100644
--- a/web/packages/design/src/DataTable/DataTable.story.tsx
+++ b/web/packages/design/src/DataTable/DataTable.story.tsx
@@ -17,8 +17,7 @@
  */
 
 import React, { useState } from 'react';
-
-import ServersideSearchPanel from 'teleport/components/ServersideSearchPanel';
+import { ServersideSearchPanelWithPageIndicator } from 'teleport/components/ServersideSearchPanel';
 
 import { SortType, TableProps } from 'design/DataTable/types';
 
@@ -43,7 +42,7 @@ export const WithServersideProps = () => {
   };
   props.serversideProps = {
     serversideSearchPanel: (
-      <ServersideSearchPanel
+      <ServersideSearchPanelWithPageIndicator
         pageIndicators={{
           from: 1,
           to: allData.length,
@@ -76,7 +75,7 @@ export const WithServersidePropsEmpty = () => {
   };
   props.serversideProps = {
     serversideSearchPanel: (
-      <ServersideSearchPanel
+      <ServersideSearchPanelWithPageIndicator
         pageIndicators={{
           from: 1,
           to: 0,
diff --git a/web/packages/design/src/DataTable/InputSearch/InputSearch.tsx b/web/packages/design/src/DataTable/InputSearch/InputSearch.tsx
index 024bf357887e..511dd20c5dc7 100644
--- a/web/packages/design/src/DataTable/InputSearch/InputSearch.tsx
+++ b/web/packages/design/src/DataTable/InputSearch/InputSearch.tsx
@@ -16,7 +16,7 @@
  * along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 
-import React, { JSX, SetStateAction } from 'react';
+import React, { JSX, SetStateAction, FormEvent } from 'react';
 import styled from 'styled-components';
 
 import {
@@ -28,28 +28,37 @@ import {
   ColorProps,
 } from 'design/system';
 
+const searchInputName = 'searchValue';
+
 export default function InputSearch({
   searchValue,
   setSearchValue,
   children,
   bigInputSize = false,
 }: Props) {
+  function submitSearch(e: FormEvent<HTMLFormElement>) {
+    e.preventDefault(); // prevent form default
+
+    const formData = new FormData(e.currentTarget);
+    const searchValue = formData.get(searchInputName) as string;
+
+    setSearchValue(searchValue);
+  }
+
   return (
     <WrapperBackground bigSize={bigInputSize}>
-      <Wrapper>
+      <Form onSubmit={submitSearch}>
         <StyledInput
           bigInputSize={bigInputSize}
           placeholder="Search..."
           px={3}
-          value={searchValue}
-          onChange={(e: React.ChangeEvent<HTMLInputElement>) =>
-            setSearchValue(e.target.value)
-          }
+          defaultValue={searchValue}
+          name={searchInputName}
         />
         <ChildWrapperBackground>
           <ChildWrapper>{children}</ChildWrapper>
         </ChildWrapperBackground>
-      </Wrapper>
+      </Form>
     </WrapperBackground>
   );
 }
@@ -83,7 +92,7 @@ const ChildWrapperBackground = styled.div`
   border-radius: 0 200px 200px 0;
 `;
 
-const Wrapper = styled.div`
+const Form = styled.form`
   position: relative;
   display: flex;
   overflow: hidden;
diff --git a/web/packages/design/src/DataTable/types.ts b/web/packages/design/src/DataTable/types.ts
index a75b161ca635..53a0abe644e6 100644
--- a/web/packages/design/src/DataTable/types.ts
+++ b/web/packages/design/src/DataTable/types.ts
@@ -35,6 +35,22 @@ export type TableProps<T> = {
    */
   emptyHint?: string;
   pagination?: PaginationConfig<T>;
+  /**
+   * config for client searching.
+   * supports any table except when "serversideProps"
+   * field is defined
+   */
+  clientSearch?: {
+    /**
+     * By default, no initial search is applied (empty search),
+     * unless "initialSearchValue" is defined.
+     */
+    initialSearchValue: string;
+    /**
+     * After setting a new search value, this function will be called.
+     */
+    onSearchValueChange(searchString: string): void;
+  };
   isSearchable?: boolean;
   searchableProps?: Extract<keyof T, string>[];
   // customSearchMatchers contains custom functions to run when search matching.
diff --git a/web/packages/design/src/DataTable/useTable.ts b/web/packages/design/src/DataTable/useTable.ts
index b54a1d50bdc8..509227ab7339 100644
--- a/web/packages/design/src/DataTable/useTable.ts
+++ b/web/packages/design/src/DataTable/useTable.ts
@@ -28,6 +28,7 @@ export default function useTable<T>({
   columns,
   pagination,
   showFirst,
+  clientSearch,
   searchableProps,
   customSearchMatchers = [],
   serversideProps,
@@ -50,8 +51,8 @@ export default function useTable<T>({
     }
 
     return {
-      data: serversideProps || disableFilter ? data : [],
-      searchValue: '',
+      data: [],
+      searchValue: clientSearch?.initialSearchValue || '',
       sort: col
         ? {
             key: (col.altSortKey || col.key) as string,
@@ -61,7 +62,7 @@ export default function useTable<T>({
         : null,
       pagination: pagination
         ? {
-            paginatedData: paginateData(data, pagination.pageSize),
+            paginatedData: paginateData([], pagination.pageSize),
             currentPage: 0,
             pagerPosition: pagination.pagerPosition,
             pageSize: pagination.pageSize || 15,
@@ -161,6 +162,9 @@ export default function useTable<T>({
 
   function setSearchValue(searchValue: string) {
     updateData(state.sort, searchValue, true /* resetCurrentPage */);
+    if (clientSearch?.onSearchValueChange) {
+      clientSearch.onSearchValueChange(searchValue);
+    }
   }
 
   function nextPage() {
@@ -211,6 +215,7 @@ export default function useTable<T>({
     fetching,
     serversideProps,
     customSort,
+    clientSearch,
     ...props,
   };
 }
diff --git a/web/packages/design/src/Flex/Flex.tsx b/web/packages/design/src/Flex/Flex.tsx
index 3df2471fe56d..f52b4da35afe 100644
--- a/web/packages/design/src/Flex/Flex.tsx
+++ b/web/packages/design/src/Flex/Flex.tsx
@@ -23,6 +23,8 @@ import {
   AlignItemsProps,
   justifyContent,
   JustifyContentProps,
+  flexBasis,
+  FlexBasisProps,
   flexWrap,
   FlexWrapProps,
   flexDirection,
@@ -39,6 +41,7 @@ interface FlexProps
     JustifyContentProps,
     FlexWrapProps,
     FlexDirectionProps,
+    FlexBasisProps,
     GapProps {}
 
 const Flex = styled(Box)<FlexProps>`
@@ -46,6 +49,7 @@ const Flex = styled(Box)<FlexProps>`
   ${alignItems}
   ${justifyContent}
   ${flexWrap}
+  ${flexBasis}
   ${flexDirection}
   ${gap};
 `;
diff --git a/web/packages/design/src/system/index.ts b/web/packages/design/src/system/index.ts
index b1ec1b888e4a..b4225cee1513 100644
--- a/web/packages/design/src/system/index.ts
+++ b/web/packages/design/src/system/index.ts
@@ -31,6 +31,8 @@ import {
   ColorProps,
   flex,
   FlexProps,
+  flexBasis,
+  type FlexBasisProps,
   flexDirection,
   FlexDirectionProps,
   flexWrap,
@@ -104,6 +106,8 @@ export {
   type ColorProps,
   flex,
   type FlexProps,
+  flexBasis,
+  type FlexBasisProps,
   flexDirection,
   type FlexDirectionProps,
   flexWrap,
diff --git a/web/packages/shared/components/AccessRequests/NewRequest/ResourceList/__snapshots__/ResourceList.story.test.tsx.snap b/web/packages/shared/components/AccessRequests/NewRequest/ResourceList/__snapshots__/ResourceList.story.test.tsx.snap
index 1a1ba1b322f9..7b98223ad77e 100644
--- a/web/packages/shared/components/AccessRequests/NewRequest/ResourceList/__snapshots__/ResourceList.story.test.tsx.snap
+++ b/web/packages/shared/components/AccessRequests/NewRequest/ResourceList/__snapshots__/ResourceList.story.test.tsx.snap
@@ -1750,11 +1750,12 @@ exports[`render Roles 1`] = `
       <div
         class="c3"
       >
-        <div
+        <form
           class="c4"
         >
           <input
             class="c5"
+            name="searchValue"
             placeholder="Search..."
             value=""
           />
@@ -1765,7 +1766,7 @@ exports[`render Roles 1`] = `
               class="c7"
             />
           </div>
-        </div>
+        </form>
       </div>
       <div
         class="c8 c9"
diff --git a/web/packages/shared/components/Search/SearchPanel.tsx b/web/packages/shared/components/Search/SearchPanel.tsx
index 634715bd40e2..e4dec55a3077 100644
--- a/web/packages/shared/components/Search/SearchPanel.tsx
+++ b/web/packages/shared/components/Search/SearchPanel.tsx
@@ -30,7 +30,6 @@ export function SearchPanel({
   updateSearch,
   pageIndicators,
   filter,
-  showSearchBar,
   disableSearch,
   hideAdvancedSearch,
   extraChildren,
@@ -39,7 +38,6 @@ export function SearchPanel({
   updateSearch(s: string): void;
   pageIndicators?: { from: number; to: number; total: number };
   filter: ResourceFilter;
-  showSearchBar: boolean;
   disableSearch: boolean;
   hideAdvancedSearch?: boolean;
   extraChildren?: JSX.Element;
@@ -56,15 +54,15 @@ export function SearchPanel({
     setIsAdvancedSearch(!isAdvancedSearch);
   }
 
-  function handleOnSubmit(e) {
-    e.preventDefault(); // prevent form default
+  function updateQueryForRefetching(newQuery: string) {
+    setQuery(newQuery);
 
     if (isAdvancedSearch) {
-      updateQuery(query);
+      updateQuery(newQuery);
       return;
     }
 
-    updateSearch(query);
+    updateSearch(newQuery);
   }
 
   return (
@@ -72,27 +70,27 @@ export function SearchPanel({
       justifyContent="space-between"
       alignItems="center"
       width="100%"
-      onSubmit={handleOnSubmit}
       mb={3}
     >
-      <Flex as="form" style={{ width: '100%' }} alignItems="center">
+      <Flex style={{ width: '100%' }} alignItems="center">
         <StyledFlex
           mr={3}
           alignItems="center"
           width="100%"
           className={disableSearch ? 'disabled' : ''}
         >
-          {showSearchBar && (
-            <InputSearch searchValue={query} setSearchValue={setQuery}>
-              {!hideAdvancedSearch && (
-                <AdvancedSearchToggle
-                  isToggled={isAdvancedSearch}
-                  onToggle={onToggle}
-                  px={3}
-                />
-              )}
-            </InputSearch>
-          )}
+          <InputSearch
+            searchValue={query}
+            setSearchValue={updateQueryForRefetching}
+          >
+            {!hideAdvancedSearch && (
+              <AdvancedSearchToggle
+                isToggled={isAdvancedSearch}
+                onToggle={onToggle}
+                px={3}
+              />
+            )}
+          </InputSearch>
         </StyledFlex>
       </Flex>
       <Flex alignItems="center">
diff --git a/web/packages/shared/components/ToolTip/HoverTooltip.tsx b/web/packages/shared/components/ToolTip/HoverTooltip.tsx
index f761be484d89..2195dce9ee31 100644
--- a/web/packages/shared/components/ToolTip/HoverTooltip.tsx
+++ b/web/packages/shared/components/ToolTip/HoverTooltip.tsx
@@ -19,6 +19,7 @@
 import React, { PropsWithChildren, useState } from 'react';
 import styled from 'styled-components';
 import { Popover, Flex, Text } from 'design';
+import { JustifyContentProps, FlexBasisProps } from 'design/system';
 
 type OriginProps = {
   vertical: string;
@@ -32,7 +33,8 @@ export const HoverTooltip: React.FC<
     className?: string;
     anchorOrigin?: OriginProps;
     transformOrigin?: OriginProps;
-    justifyContentProps?: { justifyContent: string };
+    justifyContentProps?: JustifyContentProps;
+    flexBasisProps?: FlexBasisProps;
   }>
 > = ({
   tipContent,
@@ -42,6 +44,7 @@ export const HoverTooltip: React.FC<
   anchorOrigin = { vertical: 'top', horizontal: 'center' },
   transformOrigin = { vertical: 'bottom', horizontal: 'center' },
   justifyContentProps = {},
+  flexBasisProps = {},
 }) => {
   const [anchorEl, setAnchorEl] = useState<Element | undefined>();
   const open = Boolean(anchorEl);
@@ -80,6 +83,7 @@ export const HoverTooltip: React.FC<
       onMouseLeave={handlePopoverClose}
       className={className}
       {...justifyContentProps}
+      {...flexBasisProps}
     >
       {children}
       <Popover
diff --git a/web/packages/teleport/src/Audit/Audit.story.test.tsx b/web/packages/teleport/src/Audit/Audit.story.test.tsx
index 46f8c2760803..1c4703148f21 100644
--- a/web/packages/teleport/src/Audit/Audit.story.test.tsx
+++ b/web/packages/teleport/src/Audit/Audit.story.test.tsx
@@ -23,8 +23,8 @@ import { LoadedSample, AllPossibleEvents } from './Audit.story';
 
 test('loaded audit log screen', async () => {
   const { container } = render(<LoadedSample />);
-  await screen.findByText(/Audit Log/);
-  expect(container.firstChild).toMatchSnapshot();
+  await screen.findAllByText(/Showing/);
+  expect(container).toMatchSnapshot();
 });
 
 test('list of all events', async () => {
diff --git a/web/packages/teleport/src/Audit/Audit.story.tsx b/web/packages/teleport/src/Audit/Audit.story.tsx
index 42b40b1d1c4b..9cc666a02cf6 100644
--- a/web/packages/teleport/src/Audit/Audit.story.tsx
+++ b/web/packages/teleport/src/Audit/Audit.story.tsx
@@ -32,6 +32,7 @@ export default {
 
 export const LoadedSample = () => {
   const ctx = new Context();
+  ctx.clusterService.fetchClusters = () => Promise.resolve([]);
   ctx.auditService.fetchEvents = () =>
     Promise.resolve({ events: eventsSample, startKey: '' });
 
@@ -40,6 +41,7 @@ export const LoadedSample = () => {
 
 export const LoadedFetchMore = () => {
   const ctx = new Context();
+  ctx.clusterService.fetchClusters = () => Promise.resolve([]);
   ctx.auditService.fetchEvents = () =>
     Promise.resolve({ events, startKey: 'any-text' });
 
@@ -48,12 +50,14 @@ export const LoadedFetchMore = () => {
 
 export const Processing = () => {
   const ctx = new Context();
+  ctx.clusterService.fetchClusters = () => Promise.resolve([]);
   ctx.auditService.fetchEvents = () => new Promise(() => null);
   return render(ctx);
 };
 
 export const Failed = () => {
   const ctx = new Context();
+  ctx.clusterService.fetchClusters = () => Promise.resolve([]);
   ctx.auditService.fetchEvents = () =>
     Promise.reject(new Error('server error'));
   return render(ctx);
diff --git a/web/packages/teleport/src/Audit/__snapshots__/Audit.story.test.tsx.snap b/web/packages/teleport/src/Audit/__snapshots__/Audit.story.test.tsx.snap
index e74cd3c6c96c..00469aa3aed8 100644
--- a/web/packages/teleport/src/Audit/__snapshots__/Audit.story.test.tsx.snap
+++ b/web/packages/teleport/src/Audit/__snapshots__/Audit.story.test.tsx.snap
@@ -1,6 +1,10 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`list of all events 1`] = `
+.c12 {
+  box-sizing: border-box;
+}
+
 .c6 {
   box-sizing: border-box;
   margin-bottom: 4px;
@@ -12,10 +16,6 @@ exports[`list of all events 1`] = `
   margin-right: 8px;
 }
 
-.c12 {
-  box-sizing: border-box;
-}
-
 .c20 {
   line-height: 1.5;
   margin: 0;
@@ -364,11 +364,12 @@ exports[`list of all events 1`] = `
     <div
       class="c1"
     >
-      <div
+      <form
         class="c2"
       >
         <input
           class="c3"
+          name="searchValue"
           placeholder="Search..."
           value=""
         />
@@ -379,7 +380,7 @@ exports[`list of all events 1`] = `
             class="c5"
           />
         </div>
-      </div>
+      </form>
     </div>
     <div
       class="c6 c7"
@@ -13580,6 +13581,21 @@ exports[`loaded audit log screen 1`] = `
 }
 
 .c20 {
+  box-sizing: border-box;
+}
+
+.c16 {
+  box-sizing: border-box;
+  margin-bottom: 4px;
+  width: 100%;
+}
+
+.c18 {
+  box-sizing: border-box;
+  margin-right: 8px;
+}
+
+.c28 {
   line-height: 1.5;
   margin: 0;
   display: inline-flex;
@@ -13607,28 +13623,99 @@ exports[`loaded audit log screen 1`] = `
   width: 87px;
 }
 
-.c20:hover,
-.c20:focus {
+.c28:hover,
+.c28:focus {
   background: rgba(255,255,255,0.07);
 }
 
-.c20:active {
+.c28:active {
   background: rgba(255,255,255,0.13);
 }
 
-.c20:disabled {
+.c28:disabled {
   background: rgba(255,255,255,0.12);
   color: rgba(255,255,255,0.3);
   cursor: auto;
 }
 
-.c17 {
+.c21 {
+  align-items: center;
+  border: none;
+  cursor: pointer;
+  display: flex;
+  outline: none;
+  border-radius: 50%;
+  overflow: visible;
+  justify-content: center;
+  text-align: center;
+  flex: 0 0 auto;
+  background: transparent;
+  color: inherit;
+  transition: all 0.3s;
+  -webkit-font-smoothing: antialiased;
+  font-size: 16px;
+  height: 32px;
+  width: 32px;
+  margin-left: 0px;
+  margin-right: 0px;
+}
+
+.c21:disabled {
+  color: rgba(255,255,255,0.36);
+  cursor: default;
+}
+
+.c21:not(:disabled):hover,
+.c21:not(:disabled):focus {
+  background: rgba(255,255,255,0.13);
+}
+
+.c21:not(:disabled):active {
+  background: rgba(255,255,255,0.18);
+}
+
+.c24 {
+  align-items: center;
+  border: none;
+  cursor: pointer;
+  display: flex;
+  outline: none;
+  border-radius: 50%;
+  overflow: visible;
+  justify-content: center;
+  text-align: center;
+  flex: 0 0 auto;
+  background: transparent;
+  color: inherit;
+  transition: all 0.3s;
+  -webkit-font-smoothing: antialiased;
+  font-size: 16px;
+  height: 32px;
+  width: 32px;
+  margin-left: 0px;
+}
+
+.c24:disabled {
+  color: rgba(255,255,255,0.36);
+  cursor: default;
+}
+
+.c24:not(:disabled):hover,
+.c24:not(:disabled):focus {
+  background: rgba(255,255,255,0.13);
+}
+
+.c24:not(:disabled):active {
+  background: rgba(255,255,255,0.18);
+}
+
+.c23 {
   display: inline-flex;
   align-items: center;
   justify-content: center;
 }
 
-.c19 {
+.c27 {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -13646,6 +13733,17 @@ exports[`loaded audit log screen 1`] = `
   margin-right: 56px;
 }
 
+.c19 {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  font-weight: 400;
+  font-size: 12px;
+  line-height: 16px;
+  margin: 0px;
+  margin-right: 4px;
+  font-weight: 500;
+}
+
 .c1 {
   display: flex;
 }
@@ -13655,6 +13753,12 @@ exports[`loaded audit log screen 1`] = `
   align-items: center;
 }
 
+.c17 {
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+}
+
 .c9 .react-select-container {
   box-sizing: border-box;
   display: block;
@@ -13840,7 +13944,7 @@ exports[`loaded audit log screen 1`] = `
   padding-bottom: 24px;
 }
 
-.c16 {
+.c25 {
   border-collapse: collapse;
   border-spacing: 0;
   border-style: hidden;
@@ -13848,39 +13952,39 @@ exports[`loaded audit log screen 1`] = `
   width: 100%;
 }
 
-.c16 > thead > tr > th,
-.c16 > tbody > tr > th,
-.c16 > tfoot > tr > th,
-.c16 > thead > tr > td,
-.c16 > tbody > tr > td,
-.c16 > tfoot > tr > td {
+.c25 > thead > tr > th,
+.c25 > tbody > tr > th,
+.c25 > tfoot > tr > th,
+.c25 > thead > tr > td,
+.c25 > tbody > tr > td,
+.c25 > tfoot > tr > td {
   padding: 8px 8px;
   vertical-align: middle;
 }
 
-.c16 > thead > tr > th:first-child,
-.c16 > tbody > tr > th:first-child,
-.c16 > tfoot > tr > th:first-child,
-.c16 > thead > tr > td:first-child,
-.c16 > tbody > tr > td:first-child,
-.c16 > tfoot > tr > td:first-child {
+.c25 > thead > tr > th:first-child,
+.c25 > tbody > tr > th:first-child,
+.c25 > tfoot > tr > th:first-child,
+.c25 > thead > tr > td:first-child,
+.c25 > tbody > tr > td:first-child,
+.c25 > tfoot > tr > td:first-child {
   padding-left: 24px;
 }
 
-.c16 > thead > tr > th:last-child,
-.c16 > tbody > tr > th:last-child,
-.c16 > tfoot > tr > th:last-child,
-.c16 > thead > tr > td:last-child,
-.c16 > tbody > tr > td:last-child,
-.c16 > tfoot > tr > td:last-child {
+.c25 > thead > tr > th:last-child,
+.c25 > tbody > tr > th:last-child,
+.c25 > tfoot > tr > th:last-child,
+.c25 > thead > tr > td:last-child,
+.c25 > tbody > tr > td:last-child,
+.c25 > tfoot > tr > td:last-child {
   padding-right: 24px;
 }
 
-.c16 > tbody > tr > td {
+.c25 > tbody > tr > td {
   vertical-align: middle;
 }
 
-.c16 > thead > tr > th {
+.c25 > thead > tr > th {
   color: #FFFFFF;
   font-weight: 600;
   font-size: 14px;
@@ -13892,11 +13996,11 @@ exports[`loaded audit log screen 1`] = `
   white-space: nowrap;
 }
 
-.c16 > thead > tr > th svg {
+.c25 > thead > tr > th svg {
   height: 12px;
 }
 
-.c16 > tbody > tr > td {
+.c25 > tbody > tr > td {
   color: #FFFFFF;
   font-weight: 300;
   font-size: 14px;
@@ -13904,18 +14008,18 @@ exports[`loaded audit log screen 1`] = `
   letter-spacing: 0.035px;
 }
 
-.c16 tbody tr {
+.c25 tbody tr {
   transition: all 150ms;
   position: relative;
   border-top: 2px solid rgba(255,255,255,0.07);
 }
 
-.c16 tbody tr:hover {
+.c25 tbody tr:hover {
   border-top: 2px solid rgba(0,0,0,0);
   background-color: #222C59;
 }
 
-.c16 tbody tr:hover:after {
+.c25 tbody tr:hover:after {
   box-shadow: 0px 1px 10px 0px rgba(0,0,0,0.12),0px 4px 5px 0px rgba(0,0,0,0.14),0px 2px 4px -1px rgba(0,0,0,0.20);
   content: '';
   position: absolute;
@@ -13926,7 +14030,7 @@ exports[`loaded audit log screen 1`] = `
   height: 100%;
 }
 
-.c16 tbody tr:hover + tr {
+.c25 tbody tr:hover + tr {
   border-top: 2px solid rgba(0,0,0,0);
 }
 
@@ -13940,6 +14044,14 @@ exports[`loaded audit log screen 1`] = `
   margin-top: 4px;
 }
 
+.c22 svg {
+  font-size: 20px;
+}
+
+.c22 svg:before {
+  padding-left: 1px;
+}
+
 .c15 {
   position: relative;
   height: 100%;
@@ -13992,7 +14104,7 @@ exports[`loaded audit log screen 1`] = `
   padding-left: 24px;
 }
 
-.c18 {
+.c26 {
   display: flex;
   align-items: center;
   min-width: 130px;
@@ -14002,113 +14114,138 @@ exports[`loaded audit log screen 1`] = `
   white-space: nowrap;
 }
 
-<div
-  class="c0 c1 c2"
->
+<div>
   <div
-    class="c3 c4 c5"
+    class="c0 c1 c2"
   >
     <div
-      class="c6 c7"
-    >
-      Audit Log
-    </div>
-    <div
-      class="c8"
-      width="210px"
+      class="c3 c4 c5"
     >
       <div
-        class="c9"
+        class="c6 c7"
+      >
+        Audit Log
+      </div>
+      <div
+        class="c8"
+        width="210px"
       >
         <div
-          class="react-select-container css-2b097c-container"
+          class="c9"
         >
           <div
-            class="react-select__control css-yk16xz-control"
+            class="react-select-container css-2b097c-container"
           >
             <div
-              class="react-select__value-container react-select__value-container--has-value css-g1d714-ValueContainer"
+              class="react-select__control css-yk16xz-control"
             >
               <div
-                class="react-select__single-value css-1uccc91-singleValue"
+                class="react-select__value-container react-select__value-container--has-value css-g1d714-ValueContainer"
               >
-                Today
+                <div
+                  class="react-select__single-value css-1uccc91-singleValue"
+                >
+                  Today
+                </div>
+                <input
+                  aria-autocomplete="list"
+                  class="css-62g3xt-dummyInput"
+                  id="react-select-2-input"
+                  readonly=""
+                  tabindex="0"
+                  value=""
+                />
               </div>
-              <input
-                aria-autocomplete="list"
-                class="css-62g3xt-dummyInput"
-                id="react-select-2-input"
-                readonly=""
-                tabindex="0"
-                value=""
-              />
-            </div>
-            <div
-              class="react-select__indicators css-1hb7zxy-IndicatorsContainer"
-            >
-              <span
-                class="react-select__indicator-separator css-1okebmr-indicatorSeparator"
-              />
               <div
-                aria-hidden="true"
-                class="react-select__indicator react-select__dropdown-indicator css-tlfecz-indicatorContainer"
+                class="react-select__indicators css-1hb7zxy-IndicatorsContainer"
               >
-                <svg
+                <span
+                  class="react-select__indicator-separator css-1okebmr-indicatorSeparator"
+                />
+                <div
                   aria-hidden="true"
-                  class="css-6q0nyr-Svg"
-                  focusable="false"
-                  height="20"
-                  viewBox="0 0 20 20"
-                  width="20"
+                  class="react-select__indicator react-select__dropdown-indicator css-tlfecz-indicatorContainer"
                 >
-                  <path
-                    d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
-                  />
-                </svg>
+                  <svg
+                    aria-hidden="true"
+                    class="css-6q0nyr-Svg"
+                    focusable="false"
+                    height="20"
+                    viewBox="0 0 20 20"
+                    width="20"
+                  >
+                    <path
+                      d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                    />
+                  </svg>
+                </div>
               </div>
             </div>
           </div>
         </div>
       </div>
     </div>
-  </div>
-  <nav
-    class="c10"
-  >
-    <div
-      class="c11"
+    <nav
+      class="c10"
     >
       <div
-        class="c12"
+        class="c11"
       >
-        <input
-          class="c13"
-          placeholder="Search..."
-          value=""
-        />
-        <div
-          class="c14"
-        >
-          <div
-            class="c15"
+        <form
+          class="c12"
+        >
+          <input
+            class="c13"
+            name="searchValue"
+            placeholder="Search..."
+            value=""
           />
-        </div>
+          <div
+            class="c14"
+          >
+            <div
+              class="c15"
+            />
+          </div>
+        </form>
       </div>
-    </div>
-  </nav>
-  <table
-    class="c16"
-  >
-    <thead>
-      <tr>
-        <th>
-          <a
-            style="display: flex; align-items: center;"
+      <div
+        class="c16 c17"
+        width="100%"
+      >
+        <div
+          class="c18 c1"
+        >
+          <div
+            class="c19"
+            font-weight="500"
+            style="white-space: nowrap; letter-spacing: 0.15px;"
+          >
+            Showing 
+            <strong>
+              1
+            </strong>
+             - 
+            <strong>
+              8
+            </strong>
+             of
+             
+            <strong>
+              8
+            </strong>
+          </div>
+        </div>
+        <div
+          class="c20 c1"
+        >
+          <button
+            class="c21 c22"
+            disabled=""
+            title="Previous page"
           >
-            Type
             <span
-              class="c17 icon icon-chevronsvertical"
-              title="sort items"
+              class="c23 icon icon-circlearrowleft"
             >
               <svg
                 fill="currentColor"
@@ -14117,28 +14254,23 @@ exports[`loaded audit log screen 1`] = `
                 width="24"
               >
                 <path
-                  d="M12.5303 2.46967C12.2374 2.17678 11.7626 2.17678 11.4697 2.46967L6.96967 6.96967C6.67678 7.26256 6.67678 7.73744 6.96967 8.03033C7.26256 8.32322 7.73744 8.32322 8.03033 8.03033L12 4.06066L15.9697 8.03033C16.2626 8.32322 16.7374 8.32322 17.0303 8.03033C17.3232 7.73744 17.3232 7.26256 17.0303 6.96967L12.5303 2.46967Z"
+                  d="M10.0607 11.25L11.7803 9.53033C12.0732 9.23744 12.0732 8.76256 11.7803 8.46967C11.4874 8.17678 11.0126 8.17678 10.7197 8.46967L7.71967 11.4697C7.64776 11.5416 7.59351 11.6245 7.55691 11.7129C7.52024 11.8013 7.5 11.8983 7.5 12C7.5 12.1017 7.52024 12.1987 7.55691 12.2871C7.59351 12.3755 7.64776 12.4584 7.71967 12.5303L10.7197 15.5303C11.0126 15.8232 11.4874 15.8232 11.7803 15.5303C12.0732 15.2374 12.0732 14.7626 11.7803 14.4697L10.0607 12.75H15.75C16.1642 12.75 16.5 12.4142 16.5 12C16.5 11.5858 16.1642 11.25 15.75 11.25H10.0607Z"
                 />
                 <path
-                  d="M8.03033 15.9697C7.73744 15.6768 7.26256 15.6768 6.96967 15.9697C6.67678 16.2626 6.67678 16.7374 6.96967 17.0303L11.4697 21.5303C11.7626 21.8232 12.2374 21.8232 12.5303 21.5303L17.0303 17.0303C17.3232 16.7374 17.3232 16.2626 17.0303 15.9697C16.7374 15.6768 16.2626 15.6768 15.9697 15.9697L12 19.9393L8.03033 15.9697Z"
+                  clip-rule="evenodd"
+                  d="M2.25 12C2.25 6.61522 6.61522 2.25 12 2.25C17.3848 2.25 21.75 6.61522 21.75 12C21.75 17.3848 17.3848 21.75 12 21.75C6.61522 21.75 2.25 17.3848 2.25 12ZM12 3.75C7.44365 3.75 3.75 7.44365 3.75 12C3.75 16.5563 7.44365 20.25 12 20.25C16.5563 20.25 20.25 16.5563 20.25 12C20.25 7.44365 16.5563 3.75 12 3.75Z"
+                  fill-rule="evenodd"
                 />
               </svg>
             </span>
-          </a>
-        </th>
-        <th
-          style="cursor: default;"
-        >
-          Description
-        </th>
-        <th>
-          <a
-            style="display: flex; align-items: center;"
+          </button>
+          <button
+            class="c24 c22"
+            disabled=""
+            title="Next page"
           >
-            Created (UTC)
             <span
-              class="c17 icon icon-chevrondown"
-              title="sort items desc"
+              class="c23 icon icon-circlearrowright"
             >
               <svg
                 fill="currentColor"
@@ -14148,431 +14280,573 @@ exports[`loaded audit log screen 1`] = `
               >
                 <path
                   clip-rule="evenodd"
-                  d="M3.96967 8.46967C4.26256 8.17678 4.73744 8.17678 5.03033 8.46967L12 15.4393L18.9697 8.46967C19.2626 8.17678 19.7374 8.17678 20.0303 8.46967C20.3232 8.76256 20.3232 9.23744 20.0303 9.53033L12.5303 17.0303C12.2374 17.3232 11.7626 17.3232 11.4697 17.0303L3.96967 9.53033C3.67678 9.23744 3.67678 8.76256 3.96967 8.46967Z"
+                  d="M12 3.75C7.44365 3.75 3.75 7.44365 3.75 12C3.75 16.5563 7.44365 20.25 12 20.25C16.5563 20.25 20.25 16.5563 20.25 12C20.25 7.44365 16.5563 3.75 12 3.75ZM2.25 12C2.25 6.61522 6.61522 2.25 12 2.25C17.3848 2.25 21.75 6.61522 21.75 12C21.75 17.3848 17.3848 21.75 12 21.75C6.61522 21.75 2.25 17.3848 2.25 12ZM7.5 12C7.5 11.5858 7.83579 11.25 8.25 11.25H13.9393L12.2197 9.53033C11.9268 9.23744 11.9268 8.76256 12.2197 8.46967C12.5126 8.17678 12.9874 8.17678 13.2803 8.46967L16.2803 11.4697C16.3522 11.5416 16.4065 11.6245 16.4431 11.7129C16.4798 11.8013 16.5 11.8983 16.5 12C16.5 12.1017 16.4798 12.1987 16.4431 12.2871C16.4065 12.3755 16.3522 12.4584 16.2803 12.5303L13.2803 15.5303C12.9874 15.8232 12.5126 15.8232 12.2197 15.5303C11.9268 15.2374 11.9268 14.7626 12.2197 14.4697L13.9393 12.75H8.25C7.83579 12.75 7.5 12.4142 7.5 12Z"
                   fill-rule="evenodd"
                 />
               </svg>
             </span>
-          </a>
-        </th>
-        <th
-          style="cursor: default;"
-        />
-      </tr>
-    </thead>
-    <tbody>
-      <tr>
-        <td
-          style="vertical-align: inherit;"
-        >
-          <div
-            class="c18"
+          </button>
+        </div>
+      </div>
+    </nav>
+    <table
+      class="c25"
+    >
+      <thead>
+        <tr>
+          <th>
+            <a
+              style="display: flex; align-items: center;"
+            >
+              Type
+              <span
+                class="c23 icon icon-chevronsvertical"
+                title="sort items"
+              >
+                <svg
+                  fill="currentColor"
+                  height="24"
+                  viewBox="0 0 24 24"
+                  width="24"
+                >
+                  <path
+                    d="M12.5303 2.46967C12.2374 2.17678 11.7626 2.17678 11.4697 2.46967L6.96967 6.96967C6.67678 7.26256 6.67678 7.73744 6.96967 8.03033C7.26256 8.32322 7.73744 8.32322 8.03033 8.03033L12 4.06066L15.9697 8.03033C16.2626 8.32322 16.7374 8.32322 17.0303 8.03033C17.3232 7.73744 17.3232 7.26256 17.0303 6.96967L12.5303 2.46967Z"
+                  />
+                  <path
+                    d="M8.03033 15.9697C7.73744 15.6768 7.26256 15.6768 6.96967 15.9697C6.67678 16.2626 6.67678 16.7374 6.96967 17.0303L11.4697 21.5303C11.7626 21.8232 12.2374 21.8232 12.5303 21.5303L17.0303 17.0303C17.3232 16.7374 17.3232 16.2626 17.0303 15.9697C16.7374 15.6768 16.2626 15.6768 15.9697 15.9697L12 19.9393L8.03033 15.9697Z"
+                  />
+                </svg>
+              </span>
+            </a>
+          </th>
+          <th
+            style="cursor: default;"
+          >
+            Description
+          </th>
+          <th>
+            <a
+              style="display: flex; align-items: center;"
+            >
+              Created (UTC)
+              <span
+                class="c23 icon icon-chevrondown"
+                title="sort items desc"
+              >
+                <svg
+                  fill="currentColor"
+                  height="24"
+                  viewBox="0 0 24 24"
+                  width="24"
+                >
+                  <path
+                    clip-rule="evenodd"
+                    d="M3.96967 8.46967C4.26256 8.17678 4.73744 8.17678 5.03033 8.46967L12 15.4393L18.9697 8.46967C19.2626 8.17678 19.7374 8.17678 20.0303 8.46967C20.3232 8.76256 20.3232 9.23744 20.0303 9.53033L12.5303 17.0303C12.2374 17.3232 11.7626 17.3232 11.4697 17.0303L3.96967 9.53033C3.67678 9.23744 3.67678 8.76256 3.96967 8.46967Z"
+                    fill-rule="evenodd"
+                  />
+                </svg>
+              </span>
+            </a>
+          </th>
+          <th
+            style="cursor: default;"
+          />
+        </tr>
+      </thead>
+      <tbody>
+        <tr>
+          <td
+            style="vertical-align: inherit;"
           >
-            <span
-              class="c19 icon icon-user"
+            <div
+              class="c26"
             >
-              <svg
-                fill="currentColor"
-                height="20"
-                viewBox="0 0 24 24"
-                width="20"
+              <span
+                class="c27 icon icon-info"
               >
-                <path
-                  clip-rule="evenodd"
-                  d="M12 2.25C8.27208 2.25 5.25 5.27208 5.25 9C5.25 11.4639 6.57018 13.6195 8.54176 14.798C5.90407 15.664 3.72635 17.4974 2.35075 19.8743C2.14327 20.2328 2.2657 20.6917 2.62421 20.8991C2.98272 21.1066 3.44154 20.9842 3.64901 20.6257C5.34045 17.703 8.40021 15.75 11.9999 15.75C15.5996 15.75 18.6593 17.703 20.3507 20.6257C20.5582 20.9842 21.017 21.1066 21.3755 20.8991C21.7341 20.6917 21.8565 20.2328 21.649 19.8743C20.2734 17.4974 18.0958 15.664 15.4582 14.7981C17.4298 13.6196 18.75 11.464 18.75 9C18.75 5.27208 15.7279 2.25 12 2.25ZM6.75 9C6.75 6.1005 9.1005 3.75 12 3.75C14.8995 3.75 17.25 6.1005 17.25 9C17.25 11.8995 14.8995 14.25 12 14.25C9.1005 14.25 6.75 11.8995 6.75 9Z"
-                  fill-rule="evenodd"
-                />
-              </svg>
-            </span>
-            User Deleted
-          </div>
-        </td>
-        <td
-          style="word-break: break-word;"
-        >
-          User [bob] has been deleted
-        </td>
-        <td
-          style="min-width: 120px;"
-        >
-          2020-06-05T16:24:05Z
-        </td>
-        <td
-          align="right"
-        >
-          <button
-            class="c20"
-            kind="border"
-            width="87px"
-          >
-            Details
-          </button>
-        </td>
-      </tr>
-      <tr>
-        <td
-          style="vertical-align: inherit;"
-        >
-          <div
-            class="c18"
+                <svg
+                  fill="currentColor"
+                  height="20"
+                  viewBox="0 0 24 24"
+                  width="20"
+                >
+                  <path
+                    d="M11.625 8.8125C12.1428 8.8125 12.5625 8.39277 12.5625 7.875C12.5625 7.35723 12.1428 6.9375 11.625 6.9375C11.1072 6.9375 10.6875 7.35723 10.6875 7.875C10.6875 8.39277 11.1072 8.8125 11.625 8.8125Z"
+                  />
+                  <path
+                    d="M10.5 11.25C10.5 10.8358 10.8358 10.5 11.25 10.5C11.6478 10.5 12.0294 10.658 12.3107 10.9393C12.592 11.2206 12.75 11.6022 12.75 12V15.75C13.1642 15.75 13.5 16.0858 13.5 16.5C13.5 16.9142 13.1642 17.25 12.75 17.25C12.3522 17.25 11.9706 17.092 11.6893 16.8107C11.408 16.5294 11.25 16.1478 11.25 15.75V12C10.8358 12 10.5 11.6642 10.5 11.25Z"
+                  />
+                  <path
+                    clip-rule="evenodd"
+                    d="M12 2.25C6.61522 2.25 2.25 6.61522 2.25 12C2.25 17.3848 6.61522 21.75 12 21.75C17.3848 21.75 21.75 17.3848 21.75 12C21.75 6.61522 17.3848 2.25 12 2.25ZM3.75 12C3.75 7.44365 7.44365 3.75 12 3.75C16.5563 3.75 20.25 7.44365 20.25 12C20.25 16.5563 16.5563 20.25 12 20.25C7.44365 20.25 3.75 16.5563 3.75 12Z"
+                    fill-rule="evenodd"
+                  />
+                </svg>
+              </span>
+              User Role Deleted
+            </div>
+          </td>
+          <td
+            style="word-break: break-word;"
+          >
+            User [moe] deleted a role [editor]
+          </td>
+          <td
+            style="min-width: 120px;"
+          >
+            2023-10-26T22:10:50.076Z
+          </td>
+          <td
+            align="right"
+          >
+            <button
+              class="c28"
+              kind="border"
+              width="87px"
+            >
+              Details
+            </button>
+          </td>
+        </tr>
+        <tr>
+          <td
+            style="vertical-align: inherit;"
           >
-            <span
-              class="c19 icon icon-user"
+            <div
+              class="c26"
             >
-              <svg
-                fill="currentColor"
-                height="20"
-                viewBox="0 0 24 24"
-                width="20"
+              <span
+                class="c27 icon icon-info"
               >
-                <path
-                  clip-rule="evenodd"
-                  d="M12 2.25C8.27208 2.25 5.25 5.27208 5.25 9C5.25 11.4639 6.57018 13.6195 8.54176 14.798C5.90407 15.664 3.72635 17.4974 2.35075 19.8743C2.14327 20.2328 2.2657 20.6917 2.62421 20.8991C2.98272 21.1066 3.44154 20.9842 3.64901 20.6257C5.34045 17.703 8.40021 15.75 11.9999 15.75C15.5996 15.75 18.6593 17.703 20.3507 20.6257C20.5582 20.9842 21.017 21.1066 21.3755 20.8991C21.7341 20.6917 21.8565 20.2328 21.649 19.8743C20.2734 17.4974 18.0958 15.664 15.4582 14.7981C17.4298 13.6196 18.75 11.464 18.75 9C18.75 5.27208 15.7279 2.25 12 2.25ZM6.75 9C6.75 6.1005 9.1005 3.75 12 3.75C14.8995 3.75 17.25 6.1005 17.25 9C17.25 11.8995 14.8995 14.25 12 14.25C9.1005 14.25 6.75 11.8995 6.75 9Z"
-                  fill-rule="evenodd"
-                />
-              </svg>
-            </span>
-            User Updated
-          </div>
-        </td>
-        <td
-          style="word-break: break-word;"
-        >
-          User [bob] has been updated
-        </td>
-        <td
-          style="min-width: 120px;"
-        >
-          2020-06-05T16:24:05Z
-        </td>
-        <td
-          align="right"
-        >
-          <button
-            class="c20"
-            kind="border"
-            width="87px"
-          >
-            Details
-          </button>
-        </td>
-      </tr>
-      <tr>
-        <td
-          style="vertical-align: inherit;"
-        >
-          <div
-            class="c18"
+                <svg
+                  fill="currentColor"
+                  height="20"
+                  viewBox="0 0 24 24"
+                  width="20"
+                >
+                  <path
+                    d="M11.625 8.8125C12.1428 8.8125 12.5625 8.39277 12.5625 7.875C12.5625 7.35723 12.1428 6.9375 11.625 6.9375C11.1072 6.9375 10.6875 7.35723 10.6875 7.875C10.6875 8.39277 11.1072 8.8125 11.625 8.8125Z"
+                  />
+                  <path
+                    d="M10.5 11.25C10.5 10.8358 10.8358 10.5 11.25 10.5C11.6478 10.5 12.0294 10.658 12.3107 10.9393C12.592 11.2206 12.75 11.6022 12.75 12V15.75C13.1642 15.75 13.5 16.0858 13.5 16.5C13.5 16.9142 13.1642 17.25 12.75 17.25C12.3522 17.25 11.9706 17.092 11.6893 16.8107C11.408 16.5294 11.25 16.1478 11.25 15.75V12C10.8358 12 10.5 11.6642 10.5 11.25Z"
+                  />
+                  <path
+                    clip-rule="evenodd"
+                    d="M12 2.25C6.61522 2.25 2.25 6.61522 2.25 12C2.25 17.3848 6.61522 21.75 12 21.75C17.3848 21.75 21.75 17.3848 21.75 12C21.75 6.61522 17.3848 2.25 12 2.25ZM3.75 12C3.75 7.44365 7.44365 3.75 12 3.75C16.5563 3.75 20.25 7.44365 20.25 12C20.25 16.5563 16.5563 20.25 12 20.25C7.44365 20.25 3.75 16.5563 3.75 12Z"
+                    fill-rule="evenodd"
+                  />
+                </svg>
+              </span>
+              User Role Updated
+            </div>
+          </td>
+          <td
+            style="word-break: break-word;"
+          >
+            User [larry] updated a role [editor]
+          </td>
+          <td
+            style="min-width: 120px;"
+          >
+            2023-10-26T22:09:23.29Z
+          </td>
+          <td
+            align="right"
+          >
+            <button
+              class="c28"
+              kind="border"
+              width="87px"
+            >
+              Details
+            </button>
+          </td>
+        </tr>
+        <tr>
+          <td
+            style="vertical-align: inherit;"
           >
-            <span
-              class="c19 icon icon-cli"
+            <div
+              class="c26"
             >
-              <svg
-                fill="currentColor"
-                height="20"
-                viewBox="0 0 24 24"
-                width="20"
+              <span
+                class="c27 icon icon-info"
               >
-                <path
-                  clip-rule="evenodd"
-                  d="M4.24828 5.43945C3.93869 5.16426 3.46464 5.19215 3.18945 5.50174C2.91426 5.81132 2.94215 6.28538 3.25174 6.56056L9.37111 12L3.25174 17.4395C2.94215 17.7146 2.91426 18.1887 3.18945 18.4983C3.46464 18.8079 3.93869 18.8358 4.24828 18.5606L10.9983 12.5606C11.1584 12.4182 11.25 12.2142 11.25 12C11.25 11.7858 11.1584 11.5818 10.9983 11.4395L4.24828 5.43945ZM11.25 17.25C10.8358 17.25 10.5 17.5858 10.5 18C10.5 18.4142 10.8358 18.75 11.25 18.75H20.25C20.6642 18.75 21 18.4142 21 18C21 17.5858 20.6642 17.25 20.25 17.25H11.25Z"
-                  fill-rule="evenodd"
-                />
-              </svg>
-            </span>
-            Session Network Connection
-          </div>
-        </td>
-        <td
-          style="word-break: break-word;"
-        >
-          [ALLOW] Program [bash] successfully opened a connection [10.217.136.161 &lt;-&gt; 190.58.129.4:3000] within a session [44c6cea8-362f-11ea-83aa-125400432324]
-        </td>
-        <td
-          style="min-width: 120px;"
-        >
-          2019-04-22T19:39:26.676Z
-        </td>
-        <td
-          align="right"
-        >
-          <button
-            class="c20"
-            kind="border"
-            width="87px"
-          >
-            Details
-          </button>
-        </td>
-      </tr>
-      <tr>
-        <td
-          style="vertical-align: inherit;"
-        >
-          <div
-            class="c18"
+                <svg
+                  fill="currentColor"
+                  height="20"
+                  viewBox="0 0 24 24"
+                  width="20"
+                >
+                  <path
+                    d="M11.625 8.8125C12.1428 8.8125 12.5625 8.39277 12.5625 7.875C12.5625 7.35723 12.1428 6.9375 11.625 6.9375C11.1072 6.9375 10.6875 7.35723 10.6875 7.875C10.6875 8.39277 11.1072 8.8125 11.625 8.8125Z"
+                  />
+                  <path
+                    d="M10.5 11.25C10.5 10.8358 10.8358 10.5 11.25 10.5C11.6478 10.5 12.0294 10.658 12.3107 10.9393C12.592 11.2206 12.75 11.6022 12.75 12V15.75C13.1642 15.75 13.5 16.0858 13.5 16.5C13.5 16.9142 13.1642 17.25 12.75 17.25C12.3522 17.25 11.9706 17.092 11.6893 16.8107C11.408 16.5294 11.25 16.1478 11.25 15.75V12C10.8358 12 10.5 11.6642 10.5 11.25Z"
+                  />
+                  <path
+                    clip-rule="evenodd"
+                    d="M12 2.25C6.61522 2.25 2.25 6.61522 2.25 12C2.25 17.3848 6.61522 21.75 12 21.75C17.3848 21.75 21.75 17.3848 21.75 12C21.75 6.61522 17.3848 2.25 12 2.25ZM3.75 12C3.75 7.44365 7.44365 3.75 12 3.75C16.5563 3.75 20.25 7.44365 20.25 12C20.25 16.5563 16.5563 20.25 12 20.25C7.44365 20.25 3.75 16.5563 3.75 12Z"
+                    fill-rule="evenodd"
+                  />
+                </svg>
+              </span>
+              User Role Created
+            </div>
+          </td>
+          <td
+            style="word-break: break-word;"
+          >
+            User [system] created a role [editor]
+          </td>
+          <td
+            style="min-width: 120px;"
+          >
+            2023-10-26T16:08:43.426Z
+          </td>
+          <td
+            align="right"
+          >
+            <button
+              class="c28"
+              kind="border"
+              width="87px"
+            >
+              Details
+            </button>
+          </td>
+        </tr>
+        <tr>
+          <td
+            style="vertical-align: inherit;"
           >
-            <span
-              class="c19 icon icon-cli"
+            <div
+              class="c26"
             >
-              <svg
-                fill="currentColor"
-                height="20"
-                viewBox="0 0 24 24"
-                width="20"
+              <span
+                class="c27 icon icon-user"
               >
-                <path
-                  clip-rule="evenodd"
-                  d="M4.24828 5.43945C3.93869 5.16426 3.46464 5.19215 3.18945 5.50174C2.91426 5.81132 2.94215 6.28538 3.25174 6.56056L9.37111 12L3.25174 17.4395C2.94215 17.7146 2.91426 18.1887 3.18945 18.4983C3.46464 18.8079 3.93869 18.8358 4.24828 18.5606L10.9983 12.5606C11.1584 12.4182 11.25 12.2142 11.25 12C11.25 11.7858 11.1584 11.5818 10.9983 11.4395L4.24828 5.43945ZM11.25 17.25C10.8358 17.25 10.5 17.5858 10.5 18C10.5 18.4142 10.8358 18.75 11.25 18.75H20.25C20.6642 18.75 21 18.4142 21 18C21 17.5858 20.6642 17.25 20.25 17.25H11.25Z"
-                  fill-rule="evenodd"
-                />
-              </svg>
-            </span>
-            Session File Access
-          </div>
-        </td>
-        <td
-          style="word-break: break-word;"
-        >
-          Program [bash] accessed a file [/etc/profile.d/] within a session [44c6cea8-362f-11ea-83aa-125400432324]
-        </td>
-        <td
-          style="min-width: 120px;"
-        >
-          2019-04-22T19:39:26.676Z
-        </td>
-        <td
-          align="right"
-        >
-          <button
-            class="c20"
-            kind="border"
-            width="87px"
+                <svg
+                  fill="currentColor"
+                  height="20"
+                  viewBox="0 0 24 24"
+                  width="20"
+                >
+                  <path
+                    clip-rule="evenodd"
+                    d="M12 2.25C8.27208 2.25 5.25 5.27208 5.25 9C5.25 11.4639 6.57018 13.6195 8.54176 14.798C5.90407 15.664 3.72635 17.4974 2.35075 19.8743C2.14327 20.2328 2.2657 20.6917 2.62421 20.8991C2.98272 21.1066 3.44154 20.9842 3.64901 20.6257C5.34045 17.703 8.40021 15.75 11.9999 15.75C15.5996 15.75 18.6593 17.703 20.3507 20.6257C20.5582 20.9842 21.017 21.1066 21.3755 20.8991C21.7341 20.6917 21.8565 20.2328 21.649 19.8743C20.2734 17.4974 18.0958 15.664 15.4582 14.7981C17.4298 13.6196 18.75 11.464 18.75 9C18.75 5.27208 15.7279 2.25 12 2.25ZM6.75 9C6.75 6.1005 9.1005 3.75 12 3.75C14.8995 3.75 17.25 6.1005 17.25 9C17.25 11.8995 14.8995 14.25 12 14.25C9.1005 14.25 6.75 11.8995 6.75 9Z"
+                    fill-rule="evenodd"
+                  />
+                </svg>
+              </span>
+              User Updated
+            </div>
+          </td>
+          <td
+            style="word-break: break-word;"
+          >
+            User [bob] has been updated
+          </td>
+          <td
+            style="min-width: 120px;"
+          >
+            2020-06-05T16:24:05Z
+          </td>
+          <td
+            align="right"
+          >
+            <button
+              class="c28"
+              kind="border"
+              width="87px"
+            >
+              Details
+            </button>
+          </td>
+        </tr>
+        <tr>
+          <td
+            style="vertical-align: inherit;"
           >
-            Details
-          </button>
-        </td>
-      </tr>
-      <tr>
-        <td
-          style="vertical-align: inherit;"
-        >
-          <div
-            class="c18"
+            <div
+              class="c26"
+            >
+              <span
+                class="c27 icon icon-user"
+              >
+                <svg
+                  fill="currentColor"
+                  height="20"
+                  viewBox="0 0 24 24"
+                  width="20"
+                >
+                  <path
+                    clip-rule="evenodd"
+                    d="M12 2.25C8.27208 2.25 5.25 5.27208 5.25 9C5.25 11.4639 6.57018 13.6195 8.54176 14.798C5.90407 15.664 3.72635 17.4974 2.35075 19.8743C2.14327 20.2328 2.2657 20.6917 2.62421 20.8991C2.98272 21.1066 3.44154 20.9842 3.64901 20.6257C5.34045 17.703 8.40021 15.75 11.9999 15.75C15.5996 15.75 18.6593 17.703 20.3507 20.6257C20.5582 20.9842 21.017 21.1066 21.3755 20.8991C21.7341 20.6917 21.8565 20.2328 21.649 19.8743C20.2734 17.4974 18.0958 15.664 15.4582 14.7981C17.4298 13.6196 18.75 11.464 18.75 9C18.75 5.27208 15.7279 2.25 12 2.25ZM6.75 9C6.75 6.1005 9.1005 3.75 12 3.75C14.8995 3.75 17.25 6.1005 17.25 9C17.25 11.8995 14.8995 14.25 12 14.25C9.1005 14.25 6.75 11.8995 6.75 9Z"
+                    fill-rule="evenodd"
+                  />
+                </svg>
+              </span>
+              User Deleted
+            </div>
+          </td>
+          <td
+            style="word-break: break-word;"
+          >
+            User [bob] has been deleted
+          </td>
+          <td
+            style="min-width: 120px;"
+          >
+            2020-06-05T16:24:05Z
+          </td>
+          <td
+            align="right"
+          >
+            <button
+              class="c28"
+              kind="border"
+              width="87px"
+            >
+              Details
+            </button>
+          </td>
+        </tr>
+        <tr>
+          <td
+            style="vertical-align: inherit;"
           >
-            <span
-              class="c19 icon icon-question"
+            <div
+              class="c26"
             >
-              <svg
-                fill="currentColor"
-                height="20"
-                viewBox="0 0 24 24"
-                width="20"
+              <span
+                class="c27 icon icon-question"
               >
-                <path
-                  d="M8.25 10.125C8.25 8.17049 10.0264 6.75 12 6.75C13.9736 6.75 15.75 8.17049 15.75 10.125C15.75 11.8276 14.402 13.1249 12.75 13.4311V13.5C12.75 13.9142 12.4142 14.25 12 14.25C11.5858 14.25 11.25 13.9142 11.25 13.5V12.75C11.25 12.3358 11.5858 12 12 12C13.3395 12 14.25 11.0692 14.25 10.125C14.25 9.18076 13.3395 8.25 12 8.25C10.6605 8.25 9.75 9.18076 9.75 10.125V10.5C9.75 10.9142 9.41421 11.25 9 11.25C8.58579 11.25 8.25 10.9142 8.25 10.5V10.125Z"
-                />
-                <path
-                  d="M12 17.8125C12.5178 17.8125 12.9375 17.3928 12.9375 16.875C12.9375 16.3572 12.5178 15.9375 12 15.9375C11.4822 15.9375 11.0625 16.3572 11.0625 16.875C11.0625 17.3928 11.4822 17.8125 12 17.8125Z"
-                />
-                <path
-                  clip-rule="evenodd"
-                  d="M12 2.25C6.61522 2.25 2.25 6.61522 2.25 12C2.25 17.3848 6.61522 21.75 12 21.75C17.3848 21.75 21.75 17.3848 21.75 12C21.75 6.61522 17.3848 2.25 12 2.25ZM3.75 12C3.75 7.44365 7.44365 3.75 12 3.75C16.5563 3.75 20.25 7.44365 20.25 12C20.25 16.5563 16.5563 20.25 12 20.25C7.44365 20.25 3.75 16.5563 3.75 12Z"
-                  fill-rule="evenodd"
-                />
-              </svg>
-            </span>
-            Unknown Event
-          </div>
-        </td>
-        <td
-          style="word-break: break-word;"
-        >
-          Unknown 'unimplemented.event' event (abc123)
-        </td>
-        <td
-          style="min-width: 120px;"
-        >
-          2019-04-22T19:39:26.676Z
-        </td>
-        <td
-          align="right"
-        >
-          <button
-            class="c20"
-            kind="border"
-            width="87px"
+                <svg
+                  fill="currentColor"
+                  height="20"
+                  viewBox="0 0 24 24"
+                  width="20"
+                >
+                  <path
+                    d="M8.25 10.125C8.25 8.17049 10.0264 6.75 12 6.75C13.9736 6.75 15.75 8.17049 15.75 10.125C15.75 11.8276 14.402 13.1249 12.75 13.4311V13.5C12.75 13.9142 12.4142 14.25 12 14.25C11.5858 14.25 11.25 13.9142 11.25 13.5V12.75C11.25 12.3358 11.5858 12 12 12C13.3395 12 14.25 11.0692 14.25 10.125C14.25 9.18076 13.3395 8.25 12 8.25C10.6605 8.25 9.75 9.18076 9.75 10.125V10.5C9.75 10.9142 9.41421 11.25 9 11.25C8.58579 11.25 8.25 10.9142 8.25 10.5V10.125Z"
+                  />
+                  <path
+                    d="M12 17.8125C12.5178 17.8125 12.9375 17.3928 12.9375 16.875C12.9375 16.3572 12.5178 15.9375 12 15.9375C11.4822 15.9375 11.0625 16.3572 11.0625 16.875C11.0625 17.3928 11.4822 17.8125 12 17.8125Z"
+                  />
+                  <path
+                    clip-rule="evenodd"
+                    d="M12 2.25C6.61522 2.25 2.25 6.61522 2.25 12C2.25 17.3848 6.61522 21.75 12 21.75C17.3848 21.75 21.75 17.3848 21.75 12C21.75 6.61522 17.3848 2.25 12 2.25ZM3.75 12C3.75 7.44365 7.44365 3.75 12 3.75C16.5563 3.75 20.25 7.44365 20.25 12C20.25 16.5563 16.5563 20.25 12 20.25C7.44365 20.25 3.75 16.5563 3.75 12Z"
+                    fill-rule="evenodd"
+                  />
+                </svg>
+              </span>
+              Unknown Event
+            </div>
+          </td>
+          <td
+            style="word-break: break-word;"
+          >
+            Unknown 'unimplemented.event' event (abc123)
+          </td>
+          <td
+            style="min-width: 120px;"
+          >
+            2019-04-22T19:39:26.676Z
+          </td>
+          <td
+            align="right"
+          >
+            <button
+              class="c28"
+              kind="border"
+              width="87px"
+            >
+              Details
+            </button>
+          </td>
+        </tr>
+        <tr>
+          <td
+            style="vertical-align: inherit;"
           >
-            Details
-          </button>
-        </td>
-      </tr>
-      <tr>
-        <td
-          style="vertical-align: inherit;"
-        >
-          <div
-            class="c18"
+            <div
+              class="c26"
+            >
+              <span
+                class="c27 icon icon-cli"
+              >
+                <svg
+                  fill="currentColor"
+                  height="20"
+                  viewBox="0 0 24 24"
+                  width="20"
+                >
+                  <path
+                    clip-rule="evenodd"
+                    d="M4.24828 5.43945C3.93869 5.16426 3.46464 5.19215 3.18945 5.50174C2.91426 5.81132 2.94215 6.28538 3.25174 6.56056L9.37111 12L3.25174 17.4395C2.94215 17.7146 2.91426 18.1887 3.18945 18.4983C3.46464 18.8079 3.93869 18.8358 4.24828 18.5606L10.9983 12.5606C11.1584 12.4182 11.25 12.2142 11.25 12C11.25 11.7858 11.1584 11.5818 10.9983 11.4395L4.24828 5.43945ZM11.25 17.25C10.8358 17.25 10.5 17.5858 10.5 18C10.5 18.4142 10.8358 18.75 11.25 18.75H20.25C20.6642 18.75 21 18.4142 21 18C21 17.5858 20.6642 17.25 20.25 17.25H11.25Z"
+                    fill-rule="evenodd"
+                  />
+                </svg>
+              </span>
+              Session File Access
+            </div>
+          </td>
+          <td
+            style="word-break: break-word;"
+          >
+            Program [bash] accessed a file [/etc/profile.d/] within a session [44c6cea8-362f-11ea-83aa-125400432324]
+          </td>
+          <td
+            style="min-width: 120px;"
+          >
+            2019-04-22T19:39:26.676Z
+          </td>
+          <td
+            align="right"
+          >
+            <button
+              class="c28"
+              kind="border"
+              width="87px"
+            >
+              Details
+            </button>
+          </td>
+        </tr>
+        <tr>
+          <td
+            style="vertical-align: inherit;"
           >
-            <span
-              class="c19 icon icon-info"
+            <div
+              class="c26"
             >
-              <svg
-                fill="currentColor"
-                height="20"
-                viewBox="0 0 24 24"
-                width="20"
+              <span
+                class="c27 icon icon-cli"
               >
-                <path
-                  d="M11.625 8.8125C12.1428 8.8125 12.5625 8.39277 12.5625 7.875C12.5625 7.35723 12.1428 6.9375 11.625 6.9375C11.1072 6.9375 10.6875 7.35723 10.6875 7.875C10.6875 8.39277 11.1072 8.8125 11.625 8.8125Z"
-                />
-                <path
-                  d="M10.5 11.25C10.5 10.8358 10.8358 10.5 11.25 10.5C11.6478 10.5 12.0294 10.658 12.3107 10.9393C12.592 11.2206 12.75 11.6022 12.75 12V15.75C13.1642 15.75 13.5 16.0858 13.5 16.5C13.5 16.9142 13.1642 17.25 12.75 17.25C12.3522 17.25 11.9706 17.092 11.6893 16.8107C11.408 16.5294 11.25 16.1478 11.25 15.75V12C10.8358 12 10.5 11.6642 10.5 11.25Z"
-                />
-                <path
-                  clip-rule="evenodd"
-                  d="M12 2.25C6.61522 2.25 2.25 6.61522 2.25 12C2.25 17.3848 6.61522 21.75 12 21.75C17.3848 21.75 21.75 17.3848 21.75 12C21.75 6.61522 17.3848 2.25 12 2.25ZM3.75 12C3.75 7.44365 7.44365 3.75 12 3.75C16.5563 3.75 20.25 7.44365 20.25 12C20.25 16.5563 16.5563 20.25 12 20.25C7.44365 20.25 3.75 16.5563 3.75 12Z"
-                  fill-rule="evenodd"
-                />
-              </svg>
-            </span>
-            User Role Created
+                <svg
+                  fill="currentColor"
+                  height="20"
+                  viewBox="0 0 24 24"
+                  width="20"
+                >
+                  <path
+                    clip-rule="evenodd"
+                    d="M4.24828 5.43945C3.93869 5.16426 3.46464 5.19215 3.18945 5.50174C2.91426 5.81132 2.94215 6.28538 3.25174 6.56056L9.37111 12L3.25174 17.4395C2.94215 17.7146 2.91426 18.1887 3.18945 18.4983C3.46464 18.8079 3.93869 18.8358 4.24828 18.5606L10.9983 12.5606C11.1584 12.4182 11.25 12.2142 11.25 12C11.25 11.7858 11.1584 11.5818 10.9983 11.4395L4.24828 5.43945ZM11.25 17.25C10.8358 17.25 10.5 17.5858 10.5 18C10.5 18.4142 10.8358 18.75 11.25 18.75H20.25C20.6642 18.75 21 18.4142 21 18C21 17.5858 20.6642 17.25 20.25 17.25H11.25Z"
+                    fill-rule="evenodd"
+                  />
+                </svg>
+              </span>
+              Session Network Connection
+            </div>
+          </td>
+          <td
+            style="word-break: break-word;"
+          >
+            [ALLOW] Program [bash] successfully opened a connection [10.217.136.161 &lt;-&gt; 190.58.129.4:3000] within a session [44c6cea8-362f-11ea-83aa-125400432324]
+          </td>
+          <td
+            style="min-width: 120px;"
+          >
+            2019-04-22T19:39:26.676Z
+          </td>
+          <td
+            align="right"
+          >
+            <button
+              class="c28"
+              kind="border"
+              width="87px"
+            >
+              Details
+            </button>
+          </td>
+        </tr>
+      </tbody>
+    </table>
+    <nav
+      class="c10"
+    >
+      <div
+        class="c16 c17"
+        width="100%"
+      >
+        <div
+          class="c18 c1"
+        >
+          <div
+            class="c19"
+            font-weight="500"
+            style="white-space: nowrap; letter-spacing: 0.15px;"
+          >
+            Showing 
+            <strong>
+              1
+            </strong>
+             - 
+            <strong>
+              8
+            </strong>
+             of
+             
+            <strong>
+              8
+            </strong>
           </div>
-        </td>
-        <td
-          style="word-break: break-word;"
-        >
-          User [system] created a role [editor]
-        </td>
-        <td
-          style="min-width: 120px;"
-        >
-          2023-10-26T16:08:43.426Z
-        </td>
-        <td
-          align="right"
+        </div>
+        <div
+          class="c20 c1"
         >
           <button
-            class="c20"
-            kind="border"
-            width="87px"
-          >
-            Details
-          </button>
-        </td>
-      </tr>
-      <tr>
-        <td
-          style="vertical-align: inherit;"
-        >
-          <div
-            class="c18"
+            class="c21 c22"
+            disabled=""
+            title="Previous page"
           >
             <span
-              class="c19 icon icon-info"
+              class="c23 icon icon-circlearrowleft"
             >
               <svg
                 fill="currentColor"
-                height="20"
+                height="24"
                 viewBox="0 0 24 24"
-                width="20"
+                width="24"
               >
                 <path
-                  d="M11.625 8.8125C12.1428 8.8125 12.5625 8.39277 12.5625 7.875C12.5625 7.35723 12.1428 6.9375 11.625 6.9375C11.1072 6.9375 10.6875 7.35723 10.6875 7.875C10.6875 8.39277 11.1072 8.8125 11.625 8.8125Z"
-                />
-                <path
-                  d="M10.5 11.25C10.5 10.8358 10.8358 10.5 11.25 10.5C11.6478 10.5 12.0294 10.658 12.3107 10.9393C12.592 11.2206 12.75 11.6022 12.75 12V15.75C13.1642 15.75 13.5 16.0858 13.5 16.5C13.5 16.9142 13.1642 17.25 12.75 17.25C12.3522 17.25 11.9706 17.092 11.6893 16.8107C11.408 16.5294 11.25 16.1478 11.25 15.75V12C10.8358 12 10.5 11.6642 10.5 11.25Z"
+                  d="M10.0607 11.25L11.7803 9.53033C12.0732 9.23744 12.0732 8.76256 11.7803 8.46967C11.4874 8.17678 11.0126 8.17678 10.7197 8.46967L7.71967 11.4697C7.64776 11.5416 7.59351 11.6245 7.55691 11.7129C7.52024 11.8013 7.5 11.8983 7.5 12C7.5 12.1017 7.52024 12.1987 7.55691 12.2871C7.59351 12.3755 7.64776 12.4584 7.71967 12.5303L10.7197 15.5303C11.0126 15.8232 11.4874 15.8232 11.7803 15.5303C12.0732 15.2374 12.0732 14.7626 11.7803 14.4697L10.0607 12.75H15.75C16.1642 12.75 16.5 12.4142 16.5 12C16.5 11.5858 16.1642 11.25 15.75 11.25H10.0607Z"
                 />
                 <path
                   clip-rule="evenodd"
-                  d="M12 2.25C6.61522 2.25 2.25 6.61522 2.25 12C2.25 17.3848 6.61522 21.75 12 21.75C17.3848 21.75 21.75 17.3848 21.75 12C21.75 6.61522 17.3848 2.25 12 2.25ZM3.75 12C3.75 7.44365 7.44365 3.75 12 3.75C16.5563 3.75 20.25 7.44365 20.25 12C20.25 16.5563 16.5563 20.25 12 20.25C7.44365 20.25 3.75 16.5563 3.75 12Z"
+                  d="M2.25 12C2.25 6.61522 6.61522 2.25 12 2.25C17.3848 2.25 21.75 6.61522 21.75 12C21.75 17.3848 17.3848 21.75 12 21.75C6.61522 21.75 2.25 17.3848 2.25 12ZM12 3.75C7.44365 3.75 3.75 7.44365 3.75 12C3.75 16.5563 7.44365 20.25 12 20.25C16.5563 20.25 20.25 16.5563 20.25 12C20.25 7.44365 16.5563 3.75 12 3.75Z"
                   fill-rule="evenodd"
                 />
               </svg>
             </span>
-            User Role Updated
-          </div>
-        </td>
-        <td
-          style="word-break: break-word;"
-        >
-          User [larry] updated a role [editor]
-        </td>
-        <td
-          style="min-width: 120px;"
-        >
-          2023-10-26T22:09:23.29Z
-        </td>
-        <td
-          align="right"
-        >
-          <button
-            class="c20"
-            kind="border"
-            width="87px"
-          >
-            Details
           </button>
-        </td>
-      </tr>
-      <tr>
-        <td
-          style="vertical-align: inherit;"
-        >
-          <div
-            class="c18"
+          <button
+            class="c24 c22"
+            disabled=""
+            title="Next page"
           >
             <span
-              class="c19 icon icon-info"
+              class="c23 icon icon-circlearrowright"
             >
               <svg
                 fill="currentColor"
-                height="20"
+                height="24"
                 viewBox="0 0 24 24"
-                width="20"
+                width="24"
               >
-                <path
-                  d="M11.625 8.8125C12.1428 8.8125 12.5625 8.39277 12.5625 7.875C12.5625 7.35723 12.1428 6.9375 11.625 6.9375C11.1072 6.9375 10.6875 7.35723 10.6875 7.875C10.6875 8.39277 11.1072 8.8125 11.625 8.8125Z"
-                />
-                <path
-                  d="M10.5 11.25C10.5 10.8358 10.8358 10.5 11.25 10.5C11.6478 10.5 12.0294 10.658 12.3107 10.9393C12.592 11.2206 12.75 11.6022 12.75 12V15.75C13.1642 15.75 13.5 16.0858 13.5 16.5C13.5 16.9142 13.1642 17.25 12.75 17.25C12.3522 17.25 11.9706 17.092 11.6893 16.8107C11.408 16.5294 11.25 16.1478 11.25 15.75V12C10.8358 12 10.5 11.6642 10.5 11.25Z"
-                />
                 <path
                   clip-rule="evenodd"
-                  d="M12 2.25C6.61522 2.25 2.25 6.61522 2.25 12C2.25 17.3848 6.61522 21.75 12 21.75C17.3848 21.75 21.75 17.3848 21.75 12C21.75 6.61522 17.3848 2.25 12 2.25ZM3.75 12C3.75 7.44365 7.44365 3.75 12 3.75C16.5563 3.75 20.25 7.44365 20.25 12C20.25 16.5563 16.5563 20.25 12 20.25C7.44365 20.25 3.75 16.5563 3.75 12Z"
+                  d="M12 3.75C7.44365 3.75 3.75 7.44365 3.75 12C3.75 16.5563 7.44365 20.25 12 20.25C16.5563 20.25 20.25 16.5563 20.25 12C20.25 7.44365 16.5563 3.75 12 3.75ZM2.25 12C2.25 6.61522 6.61522 2.25 12 2.25C17.3848 2.25 21.75 6.61522 21.75 12C21.75 17.3848 17.3848 21.75 12 21.75C6.61522 21.75 2.25 17.3848 2.25 12ZM7.5 12C7.5 11.5858 7.83579 11.25 8.25 11.25H13.9393L12.2197 9.53033C11.9268 9.23744 11.9268 8.76256 12.2197 8.46967C12.5126 8.17678 12.9874 8.17678 13.2803 8.46967L16.2803 11.4697C16.3522 11.5416 16.4065 11.6245 16.4431 11.7129C16.4798 11.8013 16.5 11.8983 16.5 12C16.5 12.1017 16.4798 12.1987 16.4431 12.2871C16.4065 12.3755 16.3522 12.4584 16.2803 12.5303L13.2803 15.5303C12.9874 15.8232 12.5126 15.8232 12.2197 15.5303C11.9268 15.2374 11.9268 14.7626 12.2197 14.4697L13.9393 12.75H8.25C7.83579 12.75 7.5 12.4142 7.5 12Z"
                   fill-rule="evenodd"
                 />
               </svg>
             </span>
-            User Role Deleted
-          </div>
-        </td>
-        <td
-          style="word-break: break-word;"
-        >
-          User [moe] deleted a role [editor]
-        </td>
-        <td
-          style="min-width: 120px;"
-        >
-          2023-10-26T22:10:50.076Z
-        </td>
-        <td
-          align="right"
-        >
-          <button
-            class="c20"
-            kind="border"
-            width="87px"
-          >
-            Details
           </button>
-        </td>
-      </tr>
-    </tbody>
-  </table>
-  <nav
-    class="c10"
-  />
+        </div>
+      </div>
+    </nav>
+  </div>
 </div>
 `;
diff --git a/web/packages/teleport/src/Clusters/Clusters.story.test.tsx b/web/packages/teleport/src/Clusters/Clusters.story.test.tsx
index fa5300ad86e8..9ea9964075df 100644
--- a/web/packages/teleport/src/Clusters/Clusters.story.test.tsx
+++ b/web/packages/teleport/src/Clusters/Clusters.story.test.tsx
@@ -18,13 +18,13 @@
 
 import React from 'react';
 
-import { render, waitFor } from 'design/utils/testing';
+import { render, screen } from 'design/utils/testing';
 
 import { Story, createContext } from './Clusters.story';
 
 test('render clusters', async () => {
   const ctx = createContext();
   const { container } = render(<Story value={ctx} />);
-  await waitFor(() => document.querySelector('table'));
-  expect(container.firstChild).toMatchSnapshot();
+  await screen.findByText(/ROOT/);
+  expect(container).toMatchSnapshot();
 });
diff --git a/web/packages/teleport/src/Clusters/__snapshots__/Clusters.story.test.tsx.snap b/web/packages/teleport/src/Clusters/__snapshots__/Clusters.story.test.tsx.snap
index 7f6c6f23c769..6be2c7731bf6 100644
--- a/web/packages/teleport/src/Clusters/__snapshots__/Clusters.story.test.tsx.snap
+++ b/web/packages/teleport/src/Clusters/__snapshots__/Clusters.story.test.tsx.snap
@@ -13,6 +13,21 @@ exports[`render clusters 1`] = `
 }
 
 .c18 {
+  box-sizing: border-box;
+}
+
+.c14 {
+  box-sizing: border-box;
+  margin-bottom: 4px;
+  width: 100%;
+}
+
+.c16 {
+  box-sizing: border-box;
+  margin-right: 8px;
+}
+
+.c26 {
   line-height: 1.5;
   margin: 0;
   display: inline-flex;
@@ -40,28 +55,99 @@ exports[`render clusters 1`] = `
   height: 24px;
 }
 
-.c18:hover,
-.c18:focus {
+.c26:hover,
+.c26:focus {
   background: rgba(255,255,255,0.07);
 }
 
-.c18:active {
+.c26:active {
   background: rgba(255,255,255,0.13);
 }
 
-.c18:disabled {
+.c26:disabled {
   background: rgba(255,255,255,0.12);
   color: rgba(255,255,255,0.3);
   cursor: auto;
 }
 
-.c16 {
+.c19 {
+  align-items: center;
+  border: none;
+  cursor: pointer;
+  display: flex;
+  outline: none;
+  border-radius: 50%;
+  overflow: visible;
+  justify-content: center;
+  text-align: center;
+  flex: 0 0 auto;
+  background: transparent;
+  color: inherit;
+  transition: all 0.3s;
+  -webkit-font-smoothing: antialiased;
+  font-size: 16px;
+  height: 32px;
+  width: 32px;
+  margin-left: 0px;
+  margin-right: 0px;
+}
+
+.c19:disabled {
+  color: rgba(255,255,255,0.36);
+  cursor: default;
+}
+
+.c19:not(:disabled):hover,
+.c19:not(:disabled):focus {
+  background: rgba(255,255,255,0.13);
+}
+
+.c19:not(:disabled):active {
+  background: rgba(255,255,255,0.18);
+}
+
+.c22 {
+  align-items: center;
+  border: none;
+  cursor: pointer;
+  display: flex;
+  outline: none;
+  border-radius: 50%;
+  overflow: visible;
+  justify-content: center;
+  text-align: center;
+  flex: 0 0 auto;
+  background: transparent;
+  color: inherit;
+  transition: all 0.3s;
+  -webkit-font-smoothing: antialiased;
+  font-size: 16px;
+  height: 32px;
+  width: 32px;
+  margin-left: 0px;
+}
+
+.c22:disabled {
+  color: rgba(255,255,255,0.36);
+  cursor: default;
+}
+
+.c22:not(:disabled):hover,
+.c22:not(:disabled):focus {
+  background: rgba(255,255,255,0.13);
+}
+
+.c22:not(:disabled):active {
+  background: rgba(255,255,255,0.18);
+}
+
+.c21 {
   display: inline-flex;
   align-items: center;
   justify-content: center;
 }
 
-.c19 {
+.c27 {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -80,6 +166,17 @@ exports[`render clusters 1`] = `
 }
 
 .c17 {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  font-weight: 400;
+  font-size: 12px;
+  line-height: 16px;
+  margin: 0px;
+  margin-right: 4px;
+  font-weight: 500;
+}
+
+.c25 {
   box-sizing: border-box;
   border-radius: 10px;
   display: inline-block;
@@ -92,7 +189,7 @@ exports[`render clusters 1`] = `
   color: #000000;
 }
 
-.c20 {
+.c28 {
   box-sizing: border-box;
   border-radius: 10px;
   display: inline-block;
@@ -115,6 +212,12 @@ exports[`render clusters 1`] = `
   align-items: center;
 }
 
+.c15 {
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+}
+
 .c5 {
   flex-shrink: 0;
   border-bottom: 1px solid rgba(255,255,255,0.07);
@@ -140,7 +243,7 @@ exports[`render clusters 1`] = `
   padding-bottom: 24px;
 }
 
-.c14 {
+.c23 {
   border-collapse: collapse;
   border-spacing: 0;
   border-style: hidden;
@@ -148,39 +251,39 @@ exports[`render clusters 1`] = `
   width: 100%;
 }
 
-.c14 > thead > tr > th,
-.c14 > tbody > tr > th,
-.c14 > tfoot > tr > th,
-.c14 > thead > tr > td,
-.c14 > tbody > tr > td,
-.c14 > tfoot > tr > td {
+.c23 > thead > tr > th,
+.c23 > tbody > tr > th,
+.c23 > tfoot > tr > th,
+.c23 > thead > tr > td,
+.c23 > tbody > tr > td,
+.c23 > tfoot > tr > td {
   padding: 8px 8px;
   vertical-align: middle;
 }
 
-.c14 > thead > tr > th:first-child,
-.c14 > tbody > tr > th:first-child,
-.c14 > tfoot > tr > th:first-child,
-.c14 > thead > tr > td:first-child,
-.c14 > tbody > tr > td:first-child,
-.c14 > tfoot > tr > td:first-child {
+.c23 > thead > tr > th:first-child,
+.c23 > tbody > tr > th:first-child,
+.c23 > tfoot > tr > th:first-child,
+.c23 > thead > tr > td:first-child,
+.c23 > tbody > tr > td:first-child,
+.c23 > tfoot > tr > td:first-child {
   padding-left: 24px;
 }
 
-.c14 > thead > tr > th:last-child,
-.c14 > tbody > tr > th:last-child,
-.c14 > tfoot > tr > th:last-child,
-.c14 > thead > tr > td:last-child,
-.c14 > tbody > tr > td:last-child,
-.c14 > tfoot > tr > td:last-child {
+.c23 > thead > tr > th:last-child,
+.c23 > tbody > tr > th:last-child,
+.c23 > tfoot > tr > th:last-child,
+.c23 > thead > tr > td:last-child,
+.c23 > tbody > tr > td:last-child,
+.c23 > tfoot > tr > td:last-child {
   padding-right: 24px;
 }
 
-.c14 > tbody > tr > td {
+.c23 > tbody > tr > td {
   vertical-align: middle;
 }
 
-.c14 > thead > tr > th {
+.c23 > thead > tr > th {
   color: #FFFFFF;
   font-weight: 600;
   font-size: 14px;
@@ -192,11 +295,11 @@ exports[`render clusters 1`] = `
   white-space: nowrap;
 }
 
-.c14 > thead > tr > th svg {
+.c23 > thead > tr > th svg {
   height: 12px;
 }
 
-.c14 > tbody > tr > td {
+.c23 > tbody > tr > td {
   color: #FFFFFF;
   font-weight: 300;
   font-size: 14px;
@@ -204,18 +307,18 @@ exports[`render clusters 1`] = `
   letter-spacing: 0.035px;
 }
 
-.c14 tbody tr {
+.c23 tbody tr {
   transition: all 150ms;
   position: relative;
   border-top: 2px solid rgba(255,255,255,0.07);
 }
 
-.c14 tbody tr:hover {
+.c23 tbody tr:hover {
   border-top: 2px solid rgba(0,0,0,0);
   background-color: #222C59;
 }
 
-.c14 tbody tr:hover:after {
+.c23 tbody tr:hover:after {
   box-shadow: 0px 1px 10px 0px rgba(0,0,0,0.12),0px 4px 5px 0px rgba(0,0,0,0.14),0px 2px 4px -1px rgba(0,0,0,0.20);
   content: '';
   position: absolute;
@@ -226,7 +329,7 @@ exports[`render clusters 1`] = `
   height: 100%;
 }
 
-.c14 tbody tr:hover + tr {
+.c23 tbody tr:hover + tr {
   border-top: 2px solid rgba(0,0,0,0);
 }
 
@@ -240,6 +343,14 @@ exports[`render clusters 1`] = `
   margin-top: 4px;
 }
 
+.c20 svg {
+  font-size: 20px;
+}
+
+.c20 svg:before {
+  padding-left: 1px;
+}
+
 .c13 {
   position: relative;
   height: 100%;
@@ -292,1679 +403,1841 @@ exports[`render clusters 1`] = `
   padding-left: 24px;
 }
 
-.c15 td {
+.c24 td {
   height: 22px;
 }
 
-<div
-  class="c0 c1 c2"
->
+<div>
   <div
-    class="c3 c4 c5"
+    class="c0 c1 c2"
   >
     <div
-      class="c6 c7"
+      class="c3 c4 c5"
     >
-      Manage Clusters
+      <div
+        class="c6 c7"
+      >
+        Manage Clusters
+      </div>
     </div>
-  </div>
-  <nav
-    class="c8"
-  >
-    <div
-      class="c9"
+    <nav
+      class="c8"
     >
       <div
-        class="c10"
+        class="c9"
       >
-        <input
-          class="c11"
-          placeholder="Search..."
-          value=""
-        />
-        <div
-          class="c12"
-        >
-          <div
-            class="c13"
+        <form
+          class="c10"
+        >
+          <input
+            class="c11"
+            name="searchValue"
+            placeholder="Search..."
+            value=""
           />
-        </div>
+          <div
+            class="c12"
+          >
+            <div
+              class="c13"
+            />
+          </div>
+        </form>
       </div>
-    </div>
-  </nav>
-  <table
-    class="c14 c15"
-  >
-    <thead>
-      <tr>
-        <th
-          style="cursor: default;"
-        />
-        <th>
-          <a
-            style="display: flex; align-items: center;"
-          >
-            Name
-            <span
-              class="c16 icon icon-chevronup"
-              title="sort items asc"
-            >
-              <svg
-                fill="currentColor"
-                height="24"
-                viewBox="0 0 24 24"
-                width="24"
-              >
-                <path
-                  clip-rule="evenodd"
-                  d="M11.4697 6.96967C11.7626 6.67678 12.2374 6.67678 12.5303 6.96967L20.0303 14.4697C20.3232 14.7626 20.3232 15.2374 20.0303 15.5303C19.7374 15.8232 19.2626 15.8232 18.9697 15.5303L12 8.56066L5.03033 15.5303C4.73744 15.8232 4.26256 15.8232 3.96967 15.5303C3.67678 15.2374 3.67678 14.7626 3.96967 14.4697L11.4697 6.96967Z"
-                  fill-rule="evenodd"
-                />
-              </svg>
-            </span>
-          </a>
-        </th>
-        <th
-          style="cursor: default;"
-        />
-      </tr>
-    </thead>
-    <tbody>
-      <tr>
-        <td
-          style="width: 40px;"
+      <div
+        class="c14 c15"
+        width="100%"
+      >
+        <div
+          class="c16 c1"
         >
           <div
             class="c17"
-            kind="primary"
-          >
-            ROOT
+            font-weight="500"
+            style="white-space: nowrap; letter-spacing: 0.15px;"
+          >
+            Showing 
+            <strong>
+              1
+            </strong>
+             - 
+            <strong>
+              37
+            </strong>
+             of
+             
+            <strong>
+              37
+            </strong>
           </div>
-        </td>
-        <td>
-          localhost
-        </td>
-        <td
-          align="right"
+        </div>
+        <div
+          class="c18 c1"
         >
           <button
-            class="c18"
-            height="24px"
-            kind="border"
+            class="c19 c20"
+            disabled=""
+            title="Previous page"
           >
-            OPTIONS
             <span
-              class="c19 icon icon-chevrondown"
-              color="text.slightlyMuted"
+              class="c21 icon icon-circlearrowleft"
             >
               <svg
                 fill="currentColor"
-                height="16"
+                height="24"
                 viewBox="0 0 24 24"
-                width="16"
+                width="24"
               >
+                <path
+                  d="M10.0607 11.25L11.7803 9.53033C12.0732 9.23744 12.0732 8.76256 11.7803 8.46967C11.4874 8.17678 11.0126 8.17678 10.7197 8.46967L7.71967 11.4697C7.64776 11.5416 7.59351 11.6245 7.55691 11.7129C7.52024 11.8013 7.5 11.8983 7.5 12C7.5 12.1017 7.52024 12.1987 7.55691 12.2871C7.59351 12.3755 7.64776 12.4584 7.71967 12.5303L10.7197 15.5303C11.0126 15.8232 11.4874 15.8232 11.7803 15.5303C12.0732 15.2374 12.0732 14.7626 11.7803 14.4697L10.0607 12.75H15.75C16.1642 12.75 16.5 12.4142 16.5 12C16.5 11.5858 16.1642 11.25 15.75 11.25H10.0607Z"
+                />
                 <path
                   clip-rule="evenodd"
-                  d="M3.96967 8.46967C4.26256 8.17678 4.73744 8.17678 5.03033 8.46967L12 15.4393L18.9697 8.46967C19.2626 8.17678 19.7374 8.17678 20.0303 8.46967C20.3232 8.76256 20.3232 9.23744 20.0303 9.53033L12.5303 17.0303C12.2374 17.3232 11.7626 17.3232 11.4697 17.0303L3.96967 9.53033C3.67678 9.23744 3.67678 8.76256 3.96967 8.46967Z"
+                  d="M2.25 12C2.25 6.61522 6.61522 2.25 12 2.25C17.3848 2.25 21.75 6.61522 21.75 12C21.75 17.3848 17.3848 21.75 12 21.75C6.61522 21.75 2.25 17.3848 2.25 12ZM12 3.75C7.44365 3.75 3.75 7.44365 3.75 12C3.75 16.5563 7.44365 20.25 12 20.25C16.5563 20.25 20.25 16.5563 20.25 12C20.25 7.44365 16.5563 3.75 12 3.75Z"
                   fill-rule="evenodd"
                 />
               </svg>
             </span>
           </button>
-        </td>
-      </tr>
-      <tr>
-        <td
-          style="width: 40px;"
-        >
-          <div
-            class="c20"
-            kind="secondary"
-          >
-            LEAF
-          </div>
-        </td>
-        <td>
-          nidvojik
-        </td>
-        <td
-          align="right"
-        >
           <button
-            class="c18"
-            height="24px"
-            kind="border"
+            class="c22 c20"
+            disabled=""
+            title="Next page"
           >
-            OPTIONS
             <span
-              class="c19 icon icon-chevrondown"
-              color="text.slightlyMuted"
+              class="c21 icon icon-circlearrowright"
             >
               <svg
                 fill="currentColor"
-                height="16"
+                height="24"
                 viewBox="0 0 24 24"
-                width="16"
+                width="24"
               >
                 <path
                   clip-rule="evenodd"
-                  d="M3.96967 8.46967C4.26256 8.17678 4.73744 8.17678 5.03033 8.46967L12 15.4393L18.9697 8.46967C19.2626 8.17678 19.7374 8.17678 20.0303 8.46967C20.3232 8.76256 20.3232 9.23744 20.0303 9.53033L12.5303 17.0303C12.2374 17.3232 11.7626 17.3232 11.4697 17.0303L3.96967 9.53033C3.67678 9.23744 3.67678 8.76256 3.96967 8.46967Z"
+                  d="M12 3.75C7.44365 3.75 3.75 7.44365 3.75 12C3.75 16.5563 7.44365 20.25 12 20.25C16.5563 20.25 20.25 16.5563 20.25 12C20.25 7.44365 16.5563 3.75 12 3.75ZM2.25 12C2.25 6.61522 6.61522 2.25 12 2.25C17.3848 2.25 21.75 6.61522 21.75 12C21.75 17.3848 17.3848 21.75 12 21.75C6.61522 21.75 2.25 17.3848 2.25 12ZM7.5 12C7.5 11.5858 7.83579 11.25 8.25 11.25H13.9393L12.2197 9.53033C11.9268 9.23744 11.9268 8.76256 12.2197 8.46967C12.5126 8.17678 12.9874 8.17678 13.2803 8.46967L16.2803 11.4697C16.3522 11.5416 16.4065 11.6245 16.4431 11.7129C16.4798 11.8013 16.5 11.8983 16.5 12C16.5 12.1017 16.4798 12.1987 16.4431 12.2871C16.4065 12.3755 16.3522 12.4584 16.2803 12.5303L13.2803 15.5303C12.9874 15.8232 12.5126 15.8232 12.2197 15.5303C11.9268 15.2374 11.9268 14.7626 12.2197 14.4697L13.9393 12.75H8.25C7.83579 12.75 7.5 12.4142 7.5 12Z"
                   fill-rule="evenodd"
                 />
               </svg>
             </span>
           </button>
-        </td>
-      </tr>
-      <tr>
-        <td
-          style="width: 40px;"
+        </div>
+      </div>
+    </nav>
+    <table
+      class="c23 c24"
+    >
+      <thead>
+        <tr>
+          <th
+            style="cursor: default;"
+          />
+          <th>
+            <a
+              style="display: flex; align-items: center;"
+            >
+              Name
+              <span
+                class="c21 icon icon-chevronup"
+                title="sort items asc"
+              >
+                <svg
+                  fill="currentColor"
+                  height="24"
+                  viewBox="0 0 24 24"
+                  width="24"
+                >
+                  <path
+                    clip-rule="evenodd"
+                    d="M11.4697 6.96967C11.7626 6.67678 12.2374 6.67678 12.5303 6.96967L20.0303 14.4697C20.3232 14.7626 20.3232 15.2374 20.0303 15.5303C19.7374 15.8232 19.2626 15.8232 18.9697 15.5303L12 8.56066L5.03033 15.5303C4.73744 15.8232 4.26256 15.8232 3.96967 15.5303C3.67678 15.2374 3.67678 14.7626 3.96967 14.4697L11.4697 6.96967Z"
+                    fill-rule="evenodd"
+                  />
+                </svg>
+              </span>
+            </a>
+          </th>
+          <th
+            style="cursor: default;"
+          />
+        </tr>
+      </thead>
+      <tbody>
+        <tr>
+          <td
+            style="width: 40px;"
+          >
+            <div
+              class="c25"
+              kind="primary"
+            >
+              ROOT
+            </div>
+          </td>
+          <td>
+            localhost
+          </td>
+          <td
+            align="right"
+          >
+            <button
+              class="c26"
+              height="24px"
+              kind="border"
+            >
+              OPTIONS
+              <span
+                class="c27 icon icon-chevrondown"
+                color="text.slightlyMuted"
+              >
+                <svg
+                  fill="currentColor"
+                  height="16"
+                  viewBox="0 0 24 24"
+                  width="16"
+                >
+                  <path
+                    clip-rule="evenodd"
+                    d="M3.96967 8.46967C4.26256 8.17678 4.73744 8.17678 5.03033 8.46967L12 15.4393L18.9697 8.46967C19.2626 8.17678 19.7374 8.17678 20.0303 8.46967C20.3232 8.76256 20.3232 9.23744 20.0303 9.53033L12.5303 17.0303C12.2374 17.3232 11.7626 17.3232 11.4697 17.0303L3.96967 9.53033C3.67678 9.23744 3.67678 8.76256 3.96967 8.46967Z"
+                    fill-rule="evenodd"
+                  />
+                </svg>
+              </span>
+            </button>
+          </td>
+        </tr>
+        <tr>
+          <td
+            style="width: 40px;"
+          >
+            <div
+              class="c28"
+              kind="secondary"
+            >
+              LEAF
+            </div>
+          </td>
+          <td>
+            albertowens200
+          </td>
+          <td
+            align="right"
+          >
+            <button
+              class="c26"
+              height="24px"
+              kind="border"
+            >
+              OPTIONS
+              <span
+                class="c27 icon icon-chevrondown"
+                color="text.slightlyMuted"
+              >
+                <svg
+                  fill="currentColor"
+                  height="16"
+                  viewBox="0 0 24 24"
+                  width="16"
+                >
+                  <path
+                    clip-rule="evenodd"
+                    d="M3.96967 8.46967C4.26256 8.17678 4.73744 8.17678 5.03033 8.46967L12 15.4393L18.9697 8.46967C19.2626 8.17678 19.7374 8.17678 20.0303 8.46967C20.3232 8.76256 20.3232 9.23744 20.0303 9.53033L12.5303 17.0303C12.2374 17.3232 11.7626 17.3232 11.4697 17.0303L3.96967 9.53033C3.67678 9.23744 3.67678 8.76256 3.96967 8.46967Z"
+                    fill-rule="evenodd"
+                  />
+                </svg>
+              </span>
+            </button>
+          </td>
+        </tr>
+        <tr>
+          <td
+            style="width: 40px;"
+          >
+            <div
+              class="c28"
+              kind="secondary"
+            >
+              LEAF
+            </div>
+          </td>
+          <td>
+            barrynelson110
+          </td>
+          <td
+            align="right"
+          >
+            <button
+              class="c26"
+              height="24px"
+              kind="border"
+            >
+              OPTIONS
+              <span
+                class="c27 icon icon-chevrondown"
+                color="text.slightlyMuted"
+              >
+                <svg
+                  fill="currentColor"
+                  height="16"
+                  viewBox="0 0 24 24"
+                  width="16"
+                >
+                  <path
+                    clip-rule="evenodd"
+                    d="M3.96967 8.46967C4.26256 8.17678 4.73744 8.17678 5.03033 8.46967L12 15.4393L18.9697 8.46967C19.2626 8.17678 19.7374 8.17678 20.0303 8.46967C20.3232 8.76256 20.3232 9.23744 20.0303 9.53033L12.5303 17.0303C12.2374 17.3232 11.7626 17.3232 11.4697 17.0303L3.96967 9.53033C3.67678 9.23744 3.67678 8.76256 3.96967 8.46967Z"
+                    fill-rule="evenodd"
+                  />
+                </svg>
+              </span>
+            </button>
+          </td>
+        </tr>
+        <tr>
+          <td
+            style="width: 40px;"
+          >
+            <div
+              class="c28"
+              kind="secondary"
+            >
+              LEAF
+            </div>
+          </td>
+          <td>
+            beatricecarson171
+          </td>
+          <td
+            align="right"
+          >
+            <button
+              class="c26"
+              height="24px"
+              kind="border"
+            >
+              OPTIONS
+              <span
+                class="c27 icon icon-chevrondown"
+                color="text.slightlyMuted"
+              >
+                <svg
+                  fill="currentColor"
+                  height="16"
+                  viewBox="0 0 24 24"
+                  width="16"
+                >
+                  <path
+                    clip-rule="evenodd"
+                    d="M3.96967 8.46967C4.26256 8.17678 4.73744 8.17678 5.03033 8.46967L12 15.4393L18.9697 8.46967C19.2626 8.17678 19.7374 8.17678 20.0303 8.46967C20.3232 8.76256 20.3232 9.23744 20.0303 9.53033L12.5303 17.0303C12.2374 17.3232 11.7626 17.3232 11.4697 17.0303L3.96967 9.53033C3.67678 9.23744 3.67678 8.76256 3.96967 8.46967Z"
+                    fill-rule="evenodd"
+                  />
+                </svg>
+              </span>
+            </button>
+          </td>
+        </tr>
+        <tr>
+          <td
+            style="width: 40px;"
+          >
+            <div
+              class="c28"
+              kind="secondary"
+            >
+              LEAF
+            </div>
+          </td>
+          <td>
+            besscarroll152
+          </td>
+          <td
+            align="right"
+          >
+            <button
+              class="c26"
+              height="24px"
+              kind="border"
+            >
+              OPTIONS
+              <span
+                class="c27 icon icon-chevrondown"
+                color="text.slightlyMuted"
+              >
+                <svg
+                  fill="currentColor"
+                  height="16"
+                  viewBox="0 0 24 24"
+                  width="16"
+                >
+                  <path
+                    clip-rule="evenodd"
+                    d="M3.96967 8.46967C4.26256 8.17678 4.73744 8.17678 5.03033 8.46967L12 15.4393L18.9697 8.46967C19.2626 8.17678 19.7374 8.17678 20.0303 8.46967C20.3232 8.76256 20.3232 9.23744 20.0303 9.53033L12.5303 17.0303C12.2374 17.3232 11.7626 17.3232 11.4697 17.0303L3.96967 9.53033C3.67678 9.23744 3.67678 8.76256 3.96967 8.46967Z"
+                    fill-rule="evenodd"
+                  />
+                </svg>
+              </span>
+            </button>
+          </td>
+        </tr>
+        <tr>
+          <td
+            style="width: 40px;"
+          >
+            <div
+              class="c28"
+              kind="secondary"
+            >
+              LEAF
+            </div>
+          </td>
+          <td>
+            bessiecohen207
+          </td>
+          <td
+            align="right"
+          >
+            <button
+              class="c26"
+              height="24px"
+              kind="border"
+            >
+              OPTIONS
+              <span
+                class="c27 icon icon-chevrondown"
+                color="text.slightlyMuted"
+              >
+                <svg
+                  fill="currentColor"
+                  height="16"
+                  viewBox="0 0 24 24"
+                  width="16"
+                >
+                  <path
+                    clip-rule="evenodd"
+                    d="M3.96967 8.46967C4.26256 8.17678 4.73744 8.17678 5.03033 8.46967L12 15.4393L18.9697 8.46967C19.2626 8.17678 19.7374 8.17678 20.0303 8.46967C20.3232 8.76256 20.3232 9.23744 20.0303 9.53033L12.5303 17.0303C12.2374 17.3232 11.7626 17.3232 11.4697 17.0303L3.96967 9.53033C3.67678 9.23744 3.67678 8.76256 3.96967 8.46967Z"
+                    fill-rule="evenodd"
+                  />
+                </svg>
+              </span>
+            </button>
+          </td>
+        </tr>
+        <tr>
+          <td
+            style="width: 40px;"
+          >
+            <div
+              class="c28"
+              kind="secondary"
+            >
+              LEAF
+            </div>
+          </td>
+          <td>
+            connorsharp137
+          </td>
+          <td
+            align="right"
+          >
+            <button
+              class="c26"
+              height="24px"
+              kind="border"
+            >
+              OPTIONS
+              <span
+                class="c27 icon icon-chevrondown"
+                color="text.slightlyMuted"
+              >
+                <svg
+                  fill="currentColor"
+                  height="16"
+                  viewBox="0 0 24 24"
+                  width="16"
+                >
+                  <path
+                    clip-rule="evenodd"
+                    d="M3.96967 8.46967C4.26256 8.17678 4.73744 8.17678 5.03033 8.46967L12 15.4393L18.9697 8.46967C19.2626 8.17678 19.7374 8.17678 20.0303 8.46967C20.3232 8.76256 20.3232 9.23744 20.0303 9.53033L12.5303 17.0303C12.2374 17.3232 11.7626 17.3232 11.4697 17.0303L3.96967 9.53033C3.67678 9.23744 3.67678 8.76256 3.96967 8.46967Z"
+                    fill-rule="evenodd"
+                  />
+                </svg>
+              </span>
+            </button>
+          </td>
+        </tr>
+        <tr>
+          <td
+            style="width: 40px;"
+          >
+            <div
+              class="c28"
+              kind="secondary"
+            >
+              LEAF
+            </div>
+          </td>
+          <td>
+            dashawic
+          </td>
+          <td
+            align="right"
+          >
+            <button
+              class="c26"
+              height="24px"
+              kind="border"
+            >
+              OPTIONS
+              <span
+                class="c27 icon icon-chevrondown"
+                color="text.slightlyMuted"
+              >
+                <svg
+                  fill="currentColor"
+                  height="16"
+                  viewBox="0 0 24 24"
+                  width="16"
+                >
+                  <path
+                    clip-rule="evenodd"
+                    d="M3.96967 8.46967C4.26256 8.17678 4.73744 8.17678 5.03033 8.46967L12 15.4393L18.9697 8.46967C19.2626 8.17678 19.7374 8.17678 20.0303 8.46967C20.3232 8.76256 20.3232 9.23744 20.0303 9.53033L12.5303 17.0303C12.2374 17.3232 11.7626 17.3232 11.4697 17.0303L3.96967 9.53033C3.67678 9.23744 3.67678 8.76256 3.96967 8.46967Z"
+                    fill-rule="evenodd"
+                  />
+                </svg>
+              </span>
+            </button>
+          </td>
+        </tr>
+        <tr>
+          <td
+            style="width: 40px;"
+          >
+            <div
+              class="c28"
+              kind="secondary"
+            >
+              LEAF
+            </div>
+          </td>
+          <td>
+            dashawic
+          </td>
+          <td
+            align="right"
+          >
+            <button
+              class="c26"
+              height="24px"
+              kind="border"
+            >
+              OPTIONS
+              <span
+                class="c27 icon icon-chevrondown"
+                color="text.slightlyMuted"
+              >
+                <svg
+                  fill="currentColor"
+                  height="16"
+                  viewBox="0 0 24 24"
+                  width="16"
+                >
+                  <path
+                    clip-rule="evenodd"
+                    d="M3.96967 8.46967C4.26256 8.17678 4.73744 8.17678 5.03033 8.46967L12 15.4393L18.9697 8.46967C19.2626 8.17678 19.7374 8.17678 20.0303 8.46967C20.3232 8.76256 20.3232 9.23744 20.0303 9.53033L12.5303 17.0303C12.2374 17.3232 11.7626 17.3232 11.4697 17.0303L3.96967 9.53033C3.67678 9.23744 3.67678 8.76256 3.96967 8.46967Z"
+                    fill-rule="evenodd"
+                  />
+                </svg>
+              </span>
+            </button>
+          </td>
+        </tr>
+        <tr>
+          <td
+            style="width: 40px;"
+          >
+            <div
+              class="c28"
+              kind="secondary"
+            >
+              LEAF
+            </div>
+          </td>
+          <td>
+            dashawic
+          </td>
+          <td
+            align="right"
+          >
+            <button
+              class="c26"
+              height="24px"
+              kind="border"
+            >
+              OPTIONS
+              <span
+                class="c27 icon icon-chevrondown"
+                color="text.slightlyMuted"
+              >
+                <svg
+                  fill="currentColor"
+                  height="16"
+                  viewBox="0 0 24 24"
+                  width="16"
+                >
+                  <path
+                    clip-rule="evenodd"
+                    d="M3.96967 8.46967C4.26256 8.17678 4.73744 8.17678 5.03033 8.46967L12 15.4393L18.9697 8.46967C19.2626 8.17678 19.7374 8.17678 20.0303 8.46967C20.3232 8.76256 20.3232 9.23744 20.0303 9.53033L12.5303 17.0303C12.2374 17.3232 11.7626 17.3232 11.4697 17.0303L3.96967 9.53033C3.67678 9.23744 3.67678 8.76256 3.96967 8.46967Z"
+                    fill-rule="evenodd"
+                  />
+                </svg>
+              </span>
+            </button>
+          </td>
+        </tr>
+        <tr>
+          <td
+            style="width: 40px;"
+          >
+            <div
+              class="c28"
+              kind="secondary"
+            >
+              LEAF
+            </div>
+          </td>
+          <td>
+            farovluv
+          </td>
+          <td
+            align="right"
+          >
+            <button
+              class="c26"
+              height="24px"
+              kind="border"
+            >
+              OPTIONS
+              <span
+                class="c27 icon icon-chevrondown"
+                color="text.slightlyMuted"
+              >
+                <svg
+                  fill="currentColor"
+                  height="16"
+                  viewBox="0 0 24 24"
+                  width="16"
+                >
+                  <path
+                    clip-rule="evenodd"
+                    d="M3.96967 8.46967C4.26256 8.17678 4.73744 8.17678 5.03033 8.46967L12 15.4393L18.9697 8.46967C19.2626 8.17678 19.7374 8.17678 20.0303 8.46967C20.3232 8.76256 20.3232 9.23744 20.0303 9.53033L12.5303 17.0303C12.2374 17.3232 11.7626 17.3232 11.4697 17.0303L3.96967 9.53033C3.67678 9.23744 3.67678 8.76256 3.96967 8.46967Z"
+                    fill-rule="evenodd"
+                  />
+                </svg>
+              </span>
+            </button>
+          </td>
+        </tr>
+        <tr>
+          <td
+            style="width: 40px;"
+          >
+            <div
+              class="c28"
+              kind="secondary"
+            >
+              LEAF
+            </div>
+          </td>
+          <td>
+            francismoran134
+          </td>
+          <td
+            align="right"
+          >
+            <button
+              class="c26"
+              height="24px"
+              kind="border"
+            >
+              OPTIONS
+              <span
+                class="c27 icon icon-chevrondown"
+                color="text.slightlyMuted"
+              >
+                <svg
+                  fill="currentColor"
+                  height="16"
+                  viewBox="0 0 24 24"
+                  width="16"
+                >
+                  <path
+                    clip-rule="evenodd"
+                    d="M3.96967 8.46967C4.26256 8.17678 4.73744 8.17678 5.03033 8.46967L12 15.4393L18.9697 8.46967C19.2626 8.17678 19.7374 8.17678 20.0303 8.46967C20.3232 8.76256 20.3232 9.23744 20.0303 9.53033L12.5303 17.0303C12.2374 17.3232 11.7626 17.3232 11.4697 17.0303L3.96967 9.53033C3.67678 9.23744 3.67678 8.76256 3.96967 8.46967Z"
+                    fill-rule="evenodd"
+                  />
+                </svg>
+              </span>
+            </button>
+          </td>
+        </tr>
+        <tr>
+          <td
+            style="width: 40px;"
+          >
+            <div
+              class="c28"
+              kind="secondary"
+            >
+              LEAF
+            </div>
+          </td>
+          <td>
+            hannahsutton232
+          </td>
+          <td
+            align="right"
+          >
+            <button
+              class="c26"
+              height="24px"
+              kind="border"
+            >
+              OPTIONS
+              <span
+                class="c27 icon icon-chevrondown"
+                color="text.slightlyMuted"
+              >
+                <svg
+                  fill="currentColor"
+                  height="16"
+                  viewBox="0 0 24 24"
+                  width="16"
+                >
+                  <path
+                    clip-rule="evenodd"
+                    d="M3.96967 8.46967C4.26256 8.17678 4.73744 8.17678 5.03033 8.46967L12 15.4393L18.9697 8.46967C19.2626 8.17678 19.7374 8.17678 20.0303 8.46967C20.3232 8.76256 20.3232 9.23744 20.0303 9.53033L12.5303 17.0303C12.2374 17.3232 11.7626 17.3232 11.4697 17.0303L3.96967 9.53033C3.67678 9.23744 3.67678 8.76256 3.96967 8.46967Z"
+                    fill-rule="evenodd"
+                  />
+                </svg>
+              </span>
+            </button>
+          </td>
+        </tr>
+        <tr>
+          <td
+            style="width: 40px;"
+          >
+            <div
+              class="c28"
+              kind="secondary"
+            >
+              LEAF
+            </div>
+          </td>
+          <td>
+            hattiestanley34
+          </td>
+          <td
+            align="right"
+          >
+            <button
+              class="c26"
+              height="24px"
+              kind="border"
+            >
+              OPTIONS
+              <span
+                class="c27 icon icon-chevrondown"
+                color="text.slightlyMuted"
+              >
+                <svg
+                  fill="currentColor"
+                  height="16"
+                  viewBox="0 0 24 24"
+                  width="16"
+                >
+                  <path
+                    clip-rule="evenodd"
+                    d="M3.96967 8.46967C4.26256 8.17678 4.73744 8.17678 5.03033 8.46967L12 15.4393L18.9697 8.46967C19.2626 8.17678 19.7374 8.17678 20.0303 8.46967C20.3232 8.76256 20.3232 9.23744 20.0303 9.53033L12.5303 17.0303C12.2374 17.3232 11.7626 17.3232 11.4697 17.0303L3.96967 9.53033C3.67678 9.23744 3.67678 8.76256 3.96967 8.46967Z"
+                    fill-rule="evenodd"
+                  />
+                </svg>
+              </span>
+            </button>
+          </td>
+        </tr>
+        <tr>
+          <td
+            style="width: 40px;"
+          >
+            <div
+              class="c28"
+              kind="secondary"
+            >
+              LEAF
+            </div>
+          </td>
+          <td>
+            henriettarios78
+          </td>
+          <td
+            align="right"
+          >
+            <button
+              class="c26"
+              height="24px"
+              kind="border"
+            >
+              OPTIONS
+              <span
+                class="c27 icon icon-chevrondown"
+                color="text.slightlyMuted"
+              >
+                <svg
+                  fill="currentColor"
+                  height="16"
+                  viewBox="0 0 24 24"
+                  width="16"
+                >
+                  <path
+                    clip-rule="evenodd"
+                    d="M3.96967 8.46967C4.26256 8.17678 4.73744 8.17678 5.03033 8.46967L12 15.4393L18.9697 8.46967C19.2626 8.17678 19.7374 8.17678 20.0303 8.46967C20.3232 8.76256 20.3232 9.23744 20.0303 9.53033L12.5303 17.0303C12.2374 17.3232 11.7626 17.3232 11.4697 17.0303L3.96967 9.53033C3.67678 9.23744 3.67678 8.76256 3.96967 8.46967Z"
+                    fill-rule="evenodd"
+                  />
+                </svg>
+              </span>
+            </button>
+          </td>
+        </tr>
+        <tr>
+          <td
+            style="width: 40px;"
+          >
+            <div
+              class="c28"
+              kind="secondary"
+            >
+              LEAF
+            </div>
+          </td>
+          <td>
+            isabellekim81
+          </td>
+          <td
+            align="right"
+          >
+            <button
+              class="c26"
+              height="24px"
+              kind="border"
+            >
+              OPTIONS
+              <span
+                class="c27 icon icon-chevrondown"
+                color="text.slightlyMuted"
+              >
+                <svg
+                  fill="currentColor"
+                  height="16"
+                  viewBox="0 0 24 24"
+                  width="16"
+                >
+                  <path
+                    clip-rule="evenodd"
+                    d="M3.96967 8.46967C4.26256 8.17678 4.73744 8.17678 5.03033 8.46967L12 15.4393L18.9697 8.46967C19.2626 8.17678 19.7374 8.17678 20.0303 8.46967C20.3232 8.76256 20.3232 9.23744 20.0303 9.53033L12.5303 17.0303C12.2374 17.3232 11.7626 17.3232 11.4697 17.0303L3.96967 9.53033C3.67678 9.23744 3.67678 8.76256 3.96967 8.46967Z"
+                    fill-rule="evenodd"
+                  />
+                </svg>
+              </span>
+            </button>
+          </td>
+        </tr>
+        <tr>
+          <td
+            style="width: 40px;"
+          >
+            <div
+              class="c28"
+              kind="secondary"
+            >
+              LEAF
+            </div>
+          </td>
+          <td>
+            jaysandoval137
+          </td>
+          <td
+            align="right"
+          >
+            <button
+              class="c26"
+              height="24px"
+              kind="border"
+            >
+              OPTIONS
+              <span
+                class="c27 icon icon-chevrondown"
+                color="text.slightlyMuted"
+              >
+                <svg
+                  fill="currentColor"
+                  height="16"
+                  viewBox="0 0 24 24"
+                  width="16"
+                >
+                  <path
+                    clip-rule="evenodd"
+                    d="M3.96967 8.46967C4.26256 8.17678 4.73744 8.17678 5.03033 8.46967L12 15.4393L18.9697 8.46967C19.2626 8.17678 19.7374 8.17678 20.0303 8.46967C20.3232 8.76256 20.3232 9.23744 20.0303 9.53033L12.5303 17.0303C12.2374 17.3232 11.7626 17.3232 11.4697 17.0303L3.96967 9.53033C3.67678 9.23744 3.67678 8.76256 3.96967 8.46967Z"
+                    fill-rule="evenodd"
+                  />
+                </svg>
+              </span>
+            </button>
+          </td>
+        </tr>
+        <tr>
+          <td
+            style="width: 40px;"
+          >
+            <div
+              class="c28"
+              kind="secondary"
+            >
+              LEAF
+            </div>
+          </td>
+          <td>
+            jesushenry58
+          </td>
+          <td
+            align="right"
+          >
+            <button
+              class="c26"
+              height="24px"
+              kind="border"
+            >
+              OPTIONS
+              <span
+                class="c27 icon icon-chevrondown"
+                color="text.slightlyMuted"
+              >
+                <svg
+                  fill="currentColor"
+                  height="16"
+                  viewBox="0 0 24 24"
+                  width="16"
+                >
+                  <path
+                    clip-rule="evenodd"
+                    d="M3.96967 8.46967C4.26256 8.17678 4.73744 8.17678 5.03033 8.46967L12 15.4393L18.9697 8.46967C19.2626 8.17678 19.7374 8.17678 20.0303 8.46967C20.3232 8.76256 20.3232 9.23744 20.0303 9.53033L12.5303 17.0303C12.2374 17.3232 11.7626 17.3232 11.4697 17.0303L3.96967 9.53033C3.67678 9.23744 3.67678 8.76256 3.96967 8.46967Z"
+                    fill-rule="evenodd"
+                  />
+                </svg>
+              </span>
+            </button>
+          </td>
+        </tr>
+        <tr>
+          <td
+            style="width: 40px;"
+          >
+            <div
+              class="c28"
+              kind="secondary"
+            >
+              LEAF
+            </div>
+          </td>
+          <td>
+            jordansimpson35
+          </td>
+          <td
+            align="right"
+          >
+            <button
+              class="c26"
+              height="24px"
+              kind="border"
+            >
+              OPTIONS
+              <span
+                class="c27 icon icon-chevrondown"
+                color="text.slightlyMuted"
+              >
+                <svg
+                  fill="currentColor"
+                  height="16"
+                  viewBox="0 0 24 24"
+                  width="16"
+                >
+                  <path
+                    clip-rule="evenodd"
+                    d="M3.96967 8.46967C4.26256 8.17678 4.73744 8.17678 5.03033 8.46967L12 15.4393L18.9697 8.46967C19.2626 8.17678 19.7374 8.17678 20.0303 8.46967C20.3232 8.76256 20.3232 9.23744 20.0303 9.53033L12.5303 17.0303C12.2374 17.3232 11.7626 17.3232 11.4697 17.0303L3.96967 9.53033C3.67678 9.23744 3.67678 8.76256 3.96967 8.46967Z"
+                    fill-rule="evenodd"
+                  />
+                </svg>
+              </span>
+            </button>
+          </td>
+        </tr>
+        <tr>
+          <td
+            style="width: 40px;"
+          >
+            <div
+              class="c28"
+              kind="secondary"
+            >
+              LEAF
+            </div>
+          </td>
+          <td>
+            josephinewolfe55
+          </td>
+          <td
+            align="right"
+          >
+            <button
+              class="c26"
+              height="24px"
+              kind="border"
+            >
+              OPTIONS
+              <span
+                class="c27 icon icon-chevrondown"
+                color="text.slightlyMuted"
+              >
+                <svg
+                  fill="currentColor"
+                  height="16"
+                  viewBox="0 0 24 24"
+                  width="16"
+                >
+                  <path
+                    clip-rule="evenodd"
+                    d="M3.96967 8.46967C4.26256 8.17678 4.73744 8.17678 5.03033 8.46967L12 15.4393L18.9697 8.46967C19.2626 8.17678 19.7374 8.17678 20.0303 8.46967C20.3232 8.76256 20.3232 9.23744 20.0303 9.53033L12.5303 17.0303C12.2374 17.3232 11.7626 17.3232 11.4697 17.0303L3.96967 9.53033C3.67678 9.23744 3.67678 8.76256 3.96967 8.46967Z"
+                    fill-rule="evenodd"
+                  />
+                </svg>
+              </span>
+            </button>
+          </td>
+        </tr>
+        <tr>
+          <td
+            style="width: 40px;"
+          >
+            <div
+              class="c28"
+              kind="secondary"
+            >
+              LEAF
+            </div>
+          </td>
+          <td>
+            leonamann249
+          </td>
+          <td
+            align="right"
+          >
+            <button
+              class="c26"
+              height="24px"
+              kind="border"
+            >
+              OPTIONS
+              <span
+                class="c27 icon icon-chevrondown"
+                color="text.slightlyMuted"
+              >
+                <svg
+                  fill="currentColor"
+                  height="16"
+                  viewBox="0 0 24 24"
+                  width="16"
+                >
+                  <path
+                    clip-rule="evenodd"
+                    d="M3.96967 8.46967C4.26256 8.17678 4.73744 8.17678 5.03033 8.46967L12 15.4393L18.9697 8.46967C19.2626 8.17678 19.7374 8.17678 20.0303 8.46967C20.3232 8.76256 20.3232 9.23744 20.0303 9.53033L12.5303 17.0303C12.2374 17.3232 11.7626 17.3232 11.4697 17.0303L3.96967 9.53033C3.67678 9.23744 3.67678 8.76256 3.96967 8.46967Z"
+                    fill-rule="evenodd"
+                  />
+                </svg>
+              </span>
+            </button>
+          </td>
+        </tr>
+        <tr>
+          <td
+            style="width: 40px;"
+          >
+            <div
+              class="c28"
+              kind="secondary"
+            >
+              LEAF
+            </div>
+          </td>
+          <td>
+            lidtabih
+          </td>
+          <td
+            align="right"
+          >
+            <button
+              class="c26"
+              height="24px"
+              kind="border"
+            >
+              OPTIONS
+              <span
+                class="c27 icon icon-chevrondown"
+                color="text.slightlyMuted"
+              >
+                <svg
+                  fill="currentColor"
+                  height="16"
+                  viewBox="0 0 24 24"
+                  width="16"
+                >
+                  <path
+                    clip-rule="evenodd"
+                    d="M3.96967 8.46967C4.26256 8.17678 4.73744 8.17678 5.03033 8.46967L12 15.4393L18.9697 8.46967C19.2626 8.17678 19.7374 8.17678 20.0303 8.46967C20.3232 8.76256 20.3232 9.23744 20.0303 9.53033L12.5303 17.0303C12.2374 17.3232 11.7626 17.3232 11.4697 17.0303L3.96967 9.53033C3.67678 9.23744 3.67678 8.76256 3.96967 8.46967Z"
+                    fill-rule="evenodd"
+                  />
+                </svg>
+              </span>
+            </button>
+          </td>
+        </tr>
+        <tr>
+          <td
+            style="width: 40px;"
+          >
+            <div
+              class="c28"
+              kind="secondary"
+            >
+              LEAF
+            </div>
+          </td>
+          <td>
+            nellwheeler72
+          </td>
+          <td
+            align="right"
+          >
+            <button
+              class="c26"
+              height="24px"
+              kind="border"
+            >
+              OPTIONS
+              <span
+                class="c27 icon icon-chevrondown"
+                color="text.slightlyMuted"
+              >
+                <svg
+                  fill="currentColor"
+                  height="16"
+                  viewBox="0 0 24 24"
+                  width="16"
+                >
+                  <path
+                    clip-rule="evenodd"
+                    d="M3.96967 8.46967C4.26256 8.17678 4.73744 8.17678 5.03033 8.46967L12 15.4393L18.9697 8.46967C19.2626 8.17678 19.7374 8.17678 20.0303 8.46967C20.3232 8.76256 20.3232 9.23744 20.0303 9.53033L12.5303 17.0303C12.2374 17.3232 11.7626 17.3232 11.4697 17.0303L3.96967 9.53033C3.67678 9.23744 3.67678 8.76256 3.96967 8.46967Z"
+                    fill-rule="evenodd"
+                  />
+                </svg>
+              </span>
+            </button>
+          </td>
+        </tr>
+        <tr>
+          <td
+            style="width: 40px;"
+          >
+            <div
+              class="c28"
+              kind="secondary"
+            >
+              LEAF
+            </div>
+          </td>
+          <td>
+            nidvojik
+          </td>
+          <td
+            align="right"
+          >
+            <button
+              class="c26"
+              height="24px"
+              kind="border"
+            >
+              OPTIONS
+              <span
+                class="c27 icon icon-chevrondown"
+                color="text.slightlyMuted"
+              >
+                <svg
+                  fill="currentColor"
+                  height="16"
+                  viewBox="0 0 24 24"
+                  width="16"
+                >
+                  <path
+                    clip-rule="evenodd"
+                    d="M3.96967 8.46967C4.26256 8.17678 4.73744 8.17678 5.03033 8.46967L12 15.4393L18.9697 8.46967C19.2626 8.17678 19.7374 8.17678 20.0303 8.46967C20.3232 8.76256 20.3232 9.23744 20.0303 9.53033L12.5303 17.0303C12.2374 17.3232 11.7626 17.3232 11.4697 17.0303L3.96967 9.53033C3.67678 9.23744 3.67678 8.76256 3.96967 8.46967Z"
+                    fill-rule="evenodd"
+                  />
+                </svg>
+              </span>
+            </button>
+          </td>
+        </tr>
+        <tr>
+          <td
+            style="width: 40px;"
+          >
+            <div
+              class="c28"
+              kind="secondary"
+            >
+              LEAF
+            </div>
+          </td>
+          <td>
+            philipjohnson10
+          </td>
+          <td
+            align="right"
+          >
+            <button
+              class="c26"
+              height="24px"
+              kind="border"
+            >
+              OPTIONS
+              <span
+                class="c27 icon icon-chevrondown"
+                color="text.slightlyMuted"
+              >
+                <svg
+                  fill="currentColor"
+                  height="16"
+                  viewBox="0 0 24 24"
+                  width="16"
+                >
+                  <path
+                    clip-rule="evenodd"
+                    d="M3.96967 8.46967C4.26256 8.17678 4.73744 8.17678 5.03033 8.46967L12 15.4393L18.9697 8.46967C19.2626 8.17678 19.7374 8.17678 20.0303 8.46967C20.3232 8.76256 20.3232 9.23744 20.0303 9.53033L12.5303 17.0303C12.2374 17.3232 11.7626 17.3232 11.4697 17.0303L3.96967 9.53033C3.67678 9.23744 3.67678 8.76256 3.96967 8.46967Z"
+                    fill-rule="evenodd"
+                  />
+                </svg>
+              </span>
+            </button>
+          </td>
+        </tr>
+        <tr>
+          <td
+            style="width: 40px;"
+          >
+            <div
+              class="c28"
+              kind="secondary"
+            >
+              LEAF
+            </div>
+          </td>
+          <td>
+            ricardosingleton242
+          </td>
+          <td
+            align="right"
+          >
+            <button
+              class="c26"
+              height="24px"
+              kind="border"
+            >
+              OPTIONS
+              <span
+                class="c27 icon icon-chevrondown"
+                color="text.slightlyMuted"
+              >
+                <svg
+                  fill="currentColor"
+                  height="16"
+                  viewBox="0 0 24 24"
+                  width="16"
+                >
+                  <path
+                    clip-rule="evenodd"
+                    d="M3.96967 8.46967C4.26256 8.17678 4.73744 8.17678 5.03033 8.46967L12 15.4393L18.9697 8.46967C19.2626 8.17678 19.7374 8.17678 20.0303 8.46967C20.3232 8.76256 20.3232 9.23744 20.0303 9.53033L12.5303 17.0303C12.2374 17.3232 11.7626 17.3232 11.4697 17.0303L3.96967 9.53033C3.67678 9.23744 3.67678 8.76256 3.96967 8.46967Z"
+                    fill-rule="evenodd"
+                  />
+                </svg>
+              </span>
+            </button>
+          </td>
+        </tr>
+        <tr>
+          <td
+            style="width: 40px;"
+          >
+            <div
+              class="c28"
+              kind="secondary"
+            >
+              LEAF
+            </div>
+          </td>
+          <td>
+            rozpaari
+          </td>
+          <td
+            align="right"
+          >
+            <button
+              class="c26"
+              height="24px"
+              kind="border"
+            >
+              OPTIONS
+              <span
+                class="c27 icon icon-chevrondown"
+                color="text.slightlyMuted"
+              >
+                <svg
+                  fill="currentColor"
+                  height="16"
+                  viewBox="0 0 24 24"
+                  width="16"
+                >
+                  <path
+                    clip-rule="evenodd"
+                    d="M3.96967 8.46967C4.26256 8.17678 4.73744 8.17678 5.03033 8.46967L12 15.4393L18.9697 8.46967C19.2626 8.17678 19.7374 8.17678 20.0303 8.46967C20.3232 8.76256 20.3232 9.23744 20.0303 9.53033L12.5303 17.0303C12.2374 17.3232 11.7626 17.3232 11.4697 17.0303L3.96967 9.53033C3.67678 9.23744 3.67678 8.76256 3.96967 8.46967Z"
+                    fill-rule="evenodd"
+                  />
+                </svg>
+              </span>
+            </button>
+          </td>
+        </tr>
+        <tr>
+          <td
+            style="width: 40px;"
+          >
+            <div
+              class="c28"
+              kind="secondary"
+            >
+              LEAF
+            </div>
+          </td>
+          <td>
+            rozpaari
+          </td>
+          <td
+            align="right"
+          >
+            <button
+              class="c26"
+              height="24px"
+              kind="border"
+            >
+              OPTIONS
+              <span
+                class="c27 icon icon-chevrondown"
+                color="text.slightlyMuted"
+              >
+                <svg
+                  fill="currentColor"
+                  height="16"
+                  viewBox="0 0 24 24"
+                  width="16"
+                >
+                  <path
+                    clip-rule="evenodd"
+                    d="M3.96967 8.46967C4.26256 8.17678 4.73744 8.17678 5.03033 8.46967L12 15.4393L18.9697 8.46967C19.2626 8.17678 19.7374 8.17678 20.0303 8.46967C20.3232 8.76256 20.3232 9.23744 20.0303 9.53033L12.5303 17.0303C12.2374 17.3232 11.7626 17.3232 11.4697 17.0303L3.96967 9.53033C3.67678 9.23744 3.67678 8.76256 3.96967 8.46967Z"
+                    fill-rule="evenodd"
+                  />
+                </svg>
+              </span>
+            </button>
+          </td>
+        </tr>
+        <tr>
+          <td
+            style="width: 40px;"
+          >
+            <div
+              class="c28"
+              kind="secondary"
+            >
+              LEAF
+            </div>
+          </td>
+          <td>
+            rozpaari
+          </td>
+          <td
+            align="right"
+          >
+            <button
+              class="c26"
+              height="24px"
+              kind="border"
+            >
+              OPTIONS
+              <span
+                class="c27 icon icon-chevrondown"
+                color="text.slightlyMuted"
+              >
+                <svg
+                  fill="currentColor"
+                  height="16"
+                  viewBox="0 0 24 24"
+                  width="16"
+                >
+                  <path
+                    clip-rule="evenodd"
+                    d="M3.96967 8.46967C4.26256 8.17678 4.73744 8.17678 5.03033 8.46967L12 15.4393L18.9697 8.46967C19.2626 8.17678 19.7374 8.17678 20.0303 8.46967C20.3232 8.76256 20.3232 9.23744 20.0303 9.53033L12.5303 17.0303C12.2374 17.3232 11.7626 17.3232 11.4697 17.0303L3.96967 9.53033C3.67678 9.23744 3.67678 8.76256 3.96967 8.46967Z"
+                    fill-rule="evenodd"
+                  />
+                </svg>
+              </span>
+            </button>
+          </td>
+        </tr>
+        <tr>
+          <td
+            style="width: 40px;"
+          >
+            <div
+              class="c28"
+              kind="secondary"
+            >
+              LEAF
+            </div>
+          </td>
+          <td>
+            samlewis176
+          </td>
+          <td
+            align="right"
+          >
+            <button
+              class="c26"
+              height="24px"
+              kind="border"
+            >
+              OPTIONS
+              <span
+                class="c27 icon icon-chevrondown"
+                color="text.slightlyMuted"
+              >
+                <svg
+                  fill="currentColor"
+                  height="16"
+                  viewBox="0 0 24 24"
+                  width="16"
+                >
+                  <path
+                    clip-rule="evenodd"
+                    d="M3.96967 8.46967C4.26256 8.17678 4.73744 8.17678 5.03033 8.46967L12 15.4393L18.9697 8.46967C19.2626 8.17678 19.7374 8.17678 20.0303 8.46967C20.3232 8.76256 20.3232 9.23744 20.0303 9.53033L12.5303 17.0303C12.2374 17.3232 11.7626 17.3232 11.4697 17.0303L3.96967 9.53033C3.67678 9.23744 3.67678 8.76256 3.96967 8.46967Z"
+                    fill-rule="evenodd"
+                  />
+                </svg>
+              </span>
+            </button>
+          </td>
+        </tr>
+        <tr>
+          <td
+            style="width: 40px;"
+          >
+            <div
+              class="c28"
+              kind="secondary"
+            >
+              LEAF
+            </div>
+          </td>
+          <td>
+            teresastone14
+          </td>
+          <td
+            align="right"
+          >
+            <button
+              class="c26"
+              height="24px"
+              kind="border"
+            >
+              OPTIONS
+              <span
+                class="c27 icon icon-chevrondown"
+                color="text.slightlyMuted"
+              >
+                <svg
+                  fill="currentColor"
+                  height="16"
+                  viewBox="0 0 24 24"
+                  width="16"
+                >
+                  <path
+                    clip-rule="evenodd"
+                    d="M3.96967 8.46967C4.26256 8.17678 4.73744 8.17678 5.03033 8.46967L12 15.4393L18.9697 8.46967C19.2626 8.17678 19.7374 8.17678 20.0303 8.46967C20.3232 8.76256 20.3232 9.23744 20.0303 9.53033L12.5303 17.0303C12.2374 17.3232 11.7626 17.3232 11.4697 17.0303L3.96967 9.53033C3.67678 9.23744 3.67678 8.76256 3.96967 8.46967Z"
+                    fill-rule="evenodd"
+                  />
+                </svg>
+              </span>
+            </button>
+          </td>
+        </tr>
+        <tr>
+          <td
+            style="width: 40px;"
+          >
+            <div
+              class="c28"
+              kind="secondary"
+            >
+              LEAF
+            </div>
+          </td>
+          <td>
+            theodorefrazier78
+          </td>
+          <td
+            align="right"
+          >
+            <button
+              class="c26"
+              height="24px"
+              kind="border"
+            >
+              OPTIONS
+              <span
+                class="c27 icon icon-chevrondown"
+                color="text.slightlyMuted"
+              >
+                <svg
+                  fill="currentColor"
+                  height="16"
+                  viewBox="0 0 24 24"
+                  width="16"
+                >
+                  <path
+                    clip-rule="evenodd"
+                    d="M3.96967 8.46967C4.26256 8.17678 4.73744 8.17678 5.03033 8.46967L12 15.4393L18.9697 8.46967C19.2626 8.17678 19.7374 8.17678 20.0303 8.46967C20.3232 8.76256 20.3232 9.23744 20.0303 9.53033L12.5303 17.0303C12.2374 17.3232 11.7626 17.3232 11.4697 17.0303L3.96967 9.53033C3.67678 9.23744 3.67678 8.76256 3.96967 8.46967Z"
+                    fill-rule="evenodd"
+                  />
+                </svg>
+              </span>
+            </button>
+          </td>
+        </tr>
+        <tr>
+          <td
+            style="width: 40px;"
+          >
+            <div
+              class="c28"
+              kind="secondary"
+            >
+              LEAF
+            </div>
+          </td>
+          <td>
+            tommybrooks146
+          </td>
+          <td
+            align="right"
+          >
+            <button
+              class="c26"
+              height="24px"
+              kind="border"
+            >
+              OPTIONS
+              <span
+                class="c27 icon icon-chevrondown"
+                color="text.slightlyMuted"
+              >
+                <svg
+                  fill="currentColor"
+                  height="16"
+                  viewBox="0 0 24 24"
+                  width="16"
+                >
+                  <path
+                    clip-rule="evenodd"
+                    d="M3.96967 8.46967C4.26256 8.17678 4.73744 8.17678 5.03033 8.46967L12 15.4393L18.9697 8.46967C19.2626 8.17678 19.7374 8.17678 20.0303 8.46967C20.3232 8.76256 20.3232 9.23744 20.0303 9.53033L12.5303 17.0303C12.2374 17.3232 11.7626 17.3232 11.4697 17.0303L3.96967 9.53033C3.67678 9.23744 3.67678 8.76256 3.96967 8.46967Z"
+                    fill-rule="evenodd"
+                  />
+                </svg>
+              </span>
+            </button>
+          </td>
+        </tr>
+        <tr>
+          <td
+            style="width: 40px;"
+          >
+            <div
+              class="c28"
+              kind="secondary"
+            >
+              LEAF
+            </div>
+          </td>
+          <td>
+            wetjolune
+          </td>
+          <td
+            align="right"
+          >
+            <button
+              class="c26"
+              height="24px"
+              kind="border"
+            >
+              OPTIONS
+              <span
+                class="c27 icon icon-chevrondown"
+                color="text.slightlyMuted"
+              >
+                <svg
+                  fill="currentColor"
+                  height="16"
+                  viewBox="0 0 24 24"
+                  width="16"
+                >
+                  <path
+                    clip-rule="evenodd"
+                    d="M3.96967 8.46967C4.26256 8.17678 4.73744 8.17678 5.03033 8.46967L12 15.4393L18.9697 8.46967C19.2626 8.17678 19.7374 8.17678 20.0303 8.46967C20.3232 8.76256 20.3232 9.23744 20.0303 9.53033L12.5303 17.0303C12.2374 17.3232 11.7626 17.3232 11.4697 17.0303L3.96967 9.53033C3.67678 9.23744 3.67678 8.76256 3.96967 8.46967Z"
+                    fill-rule="evenodd"
+                  />
+                </svg>
+              </span>
+            </button>
+          </td>
+        </tr>
+        <tr>
+          <td
+            style="width: 40px;"
+          >
+            <div
+              class="c28"
+              kind="secondary"
+            >
+              LEAF
+            </div>
+          </td>
+          <td>
+            wetjolune
+          </td>
+          <td
+            align="right"
+          >
+            <button
+              class="c26"
+              height="24px"
+              kind="border"
+            >
+              OPTIONS
+              <span
+                class="c27 icon icon-chevrondown"
+                color="text.slightlyMuted"
+              >
+                <svg
+                  fill="currentColor"
+                  height="16"
+                  viewBox="0 0 24 24"
+                  width="16"
+                >
+                  <path
+                    clip-rule="evenodd"
+                    d="M3.96967 8.46967C4.26256 8.17678 4.73744 8.17678 5.03033 8.46967L12 15.4393L18.9697 8.46967C19.2626 8.17678 19.7374 8.17678 20.0303 8.46967C20.3232 8.76256 20.3232 9.23744 20.0303 9.53033L12.5303 17.0303C12.2374 17.3232 11.7626 17.3232 11.4697 17.0303L3.96967 9.53033C3.67678 9.23744 3.67678 8.76256 3.96967 8.46967Z"
+                    fill-rule="evenodd"
+                  />
+                </svg>
+              </span>
+            </button>
+          </td>
+        </tr>
+        <tr>
+          <td
+            style="width: 40px;"
+          >
+            <div
+              class="c28"
+              kind="secondary"
+            >
+              LEAF
+            </div>
+          </td>
+          <td>
+            wetjolune
+          </td>
+          <td
+            align="right"
+          >
+            <button
+              class="c26"
+              height="24px"
+              kind="border"
+            >
+              OPTIONS
+              <span
+                class="c27 icon icon-chevrondown"
+                color="text.slightlyMuted"
+              >
+                <svg
+                  fill="currentColor"
+                  height="16"
+                  viewBox="0 0 24 24"
+                  width="16"
+                >
+                  <path
+                    clip-rule="evenodd"
+                    d="M3.96967 8.46967C4.26256 8.17678 4.73744 8.17678 5.03033 8.46967L12 15.4393L18.9697 8.46967C19.2626 8.17678 19.7374 8.17678 20.0303 8.46967C20.3232 8.76256 20.3232 9.23744 20.0303 9.53033L12.5303 17.0303C12.2374 17.3232 11.7626 17.3232 11.4697 17.0303L3.96967 9.53033C3.67678 9.23744 3.67678 8.76256 3.96967 8.46967Z"
+                    fill-rule="evenodd"
+                  />
+                </svg>
+              </span>
+            </button>
+          </td>
+        </tr>
+        <tr>
+          <td
+            style="width: 40px;"
+          >
+            <div
+              class="c28"
+              kind="secondary"
+            >
+              LEAF
+            </div>
+          </td>
+          <td>
+            williepayne223
+          </td>
+          <td
+            align="right"
+          >
+            <button
+              class="c26"
+              height="24px"
+              kind="border"
+            >
+              OPTIONS
+              <span
+                class="c27 icon icon-chevrondown"
+                color="text.slightlyMuted"
+              >
+                <svg
+                  fill="currentColor"
+                  height="16"
+                  viewBox="0 0 24 24"
+                  width="16"
+                >
+                  <path
+                    clip-rule="evenodd"
+                    d="M3.96967 8.46967C4.26256 8.17678 4.73744 8.17678 5.03033 8.46967L12 15.4393L18.9697 8.46967C19.2626 8.17678 19.7374 8.17678 20.0303 8.46967C20.3232 8.76256 20.3232 9.23744 20.0303 9.53033L12.5303 17.0303C12.2374 17.3232 11.7626 17.3232 11.4697 17.0303L3.96967 9.53033C3.67678 9.23744 3.67678 8.76256 3.96967 8.46967Z"
+                    fill-rule="evenodd"
+                  />
+                </svg>
+              </span>
+            </button>
+          </td>
+        </tr>
+      </tbody>
+    </table>
+    <nav
+      class="c8"
+    >
+      <div
+        class="c14 c15"
+        width="100%"
+      >
+        <div
+          class="c16 c1"
         >
           <div
-            class="c20"
-            kind="secondary"
-          >
-            LEAF
+            class="c17"
+            font-weight="500"
+            style="white-space: nowrap; letter-spacing: 0.15px;"
+          >
+            Showing 
+            <strong>
+              1
+            </strong>
+             - 
+            <strong>
+              37
+            </strong>
+             of
+             
+            <strong>
+              37
+            </strong>
           </div>
-        </td>
-        <td>
-          lidtabih
-        </td>
-        <td
-          align="right"
+        </div>
+        <div
+          class="c18 c1"
         >
           <button
-            class="c18"
-            height="24px"
-            kind="border"
+            class="c19 c20"
+            disabled=""
+            title="Previous page"
           >
-            OPTIONS
             <span
-              class="c19 icon icon-chevrondown"
-              color="text.slightlyMuted"
+              class="c21 icon icon-circlearrowleft"
             >
               <svg
                 fill="currentColor"
-                height="16"
+                height="24"
                 viewBox="0 0 24 24"
-                width="16"
+                width="24"
               >
+                <path
+                  d="M10.0607 11.25L11.7803 9.53033C12.0732 9.23744 12.0732 8.76256 11.7803 8.46967C11.4874 8.17678 11.0126 8.17678 10.7197 8.46967L7.71967 11.4697C7.64776 11.5416 7.59351 11.6245 7.55691 11.7129C7.52024 11.8013 7.5 11.8983 7.5 12C7.5 12.1017 7.52024 12.1987 7.55691 12.2871C7.59351 12.3755 7.64776 12.4584 7.71967 12.5303L10.7197 15.5303C11.0126 15.8232 11.4874 15.8232 11.7803 15.5303C12.0732 15.2374 12.0732 14.7626 11.7803 14.4697L10.0607 12.75H15.75C16.1642 12.75 16.5 12.4142 16.5 12C16.5 11.5858 16.1642 11.25 15.75 11.25H10.0607Z"
+                />
                 <path
                   clip-rule="evenodd"
-                  d="M3.96967 8.46967C4.26256 8.17678 4.73744 8.17678 5.03033 8.46967L12 15.4393L18.9697 8.46967C19.2626 8.17678 19.7374 8.17678 20.0303 8.46967C20.3232 8.76256 20.3232 9.23744 20.0303 9.53033L12.5303 17.0303C12.2374 17.3232 11.7626 17.3232 11.4697 17.0303L3.96967 9.53033C3.67678 9.23744 3.67678 8.76256 3.96967 8.46967Z"
+                  d="M2.25 12C2.25 6.61522 6.61522 2.25 12 2.25C17.3848 2.25 21.75 6.61522 21.75 12C21.75 17.3848 17.3848 21.75 12 21.75C6.61522 21.75 2.25 17.3848 2.25 12ZM12 3.75C7.44365 3.75 3.75 7.44365 3.75 12C3.75 16.5563 7.44365 20.25 12 20.25C16.5563 20.25 20.25 16.5563 20.25 12C20.25 7.44365 16.5563 3.75 12 3.75Z"
                   fill-rule="evenodd"
                 />
               </svg>
             </span>
           </button>
-        </td>
-      </tr>
-      <tr>
-        <td
-          style="width: 40px;"
-        >
-          <div
-            class="c20"
-            kind="secondary"
-          >
-            LEAF
-          </div>
-        </td>
-        <td>
-          farovluv
-        </td>
-        <td
-          align="right"
-        >
           <button
-            class="c18"
-            height="24px"
-            kind="border"
+            class="c22 c20"
+            disabled=""
+            title="Next page"
           >
-            OPTIONS
             <span
-              class="c19 icon icon-chevrondown"
-              color="text.slightlyMuted"
+              class="c21 icon icon-circlearrowright"
             >
               <svg
                 fill="currentColor"
-                height="16"
+                height="24"
                 viewBox="0 0 24 24"
-                width="16"
+                width="24"
               >
                 <path
                   clip-rule="evenodd"
-                  d="M3.96967 8.46967C4.26256 8.17678 4.73744 8.17678 5.03033 8.46967L12 15.4393L18.9697 8.46967C19.2626 8.17678 19.7374 8.17678 20.0303 8.46967C20.3232 8.76256 20.3232 9.23744 20.0303 9.53033L12.5303 17.0303C12.2374 17.3232 11.7626 17.3232 11.4697 17.0303L3.96967 9.53033C3.67678 9.23744 3.67678 8.76256 3.96967 8.46967Z"
+                  d="M12 3.75C7.44365 3.75 3.75 7.44365 3.75 12C3.75 16.5563 7.44365 20.25 12 20.25C16.5563 20.25 20.25 16.5563 20.25 12C20.25 7.44365 16.5563 3.75 12 3.75ZM2.25 12C2.25 6.61522 6.61522 2.25 12 2.25C17.3848 2.25 21.75 6.61522 21.75 12C21.75 17.3848 17.3848 21.75 12 21.75C6.61522 21.75 2.25 17.3848 2.25 12ZM7.5 12C7.5 11.5858 7.83579 11.25 8.25 11.25H13.9393L12.2197 9.53033C11.9268 9.23744 11.9268 8.76256 12.2197 8.46967C12.5126 8.17678 12.9874 8.17678 13.2803 8.46967L16.2803 11.4697C16.3522 11.5416 16.4065 11.6245 16.4431 11.7129C16.4798 11.8013 16.5 11.8983 16.5 12C16.5 12.1017 16.4798 12.1987 16.4431 12.2871C16.4065 12.3755 16.3522 12.4584 16.2803 12.5303L13.2803 15.5303C12.9874 15.8232 12.5126 15.8232 12.2197 15.5303C11.9268 15.2374 11.9268 14.7626 12.2197 14.4697L13.9393 12.75H8.25C7.83579 12.75 7.5 12.4142 7.5 12Z"
                   fill-rule="evenodd"
                 />
               </svg>
             </span>
           </button>
-        </td>
-      </tr>
-      <tr>
-        <td
-          style="width: 40px;"
-        >
-          <div
-            class="c20"
-            kind="secondary"
-          >
-            LEAF
-          </div>
-        </td>
-        <td>
-          rozpaari
-        </td>
-        <td
-          align="right"
-        >
-          <button
-            class="c18"
-            height="24px"
-            kind="border"
-          >
-            OPTIONS
-            <span
-              class="c19 icon icon-chevrondown"
-              color="text.slightlyMuted"
-            >
-              <svg
-                fill="currentColor"
-                height="16"
-                viewBox="0 0 24 24"
-                width="16"
-              >
-                <path
-                  clip-rule="evenodd"
-                  d="M3.96967 8.46967C4.26256 8.17678 4.73744 8.17678 5.03033 8.46967L12 15.4393L18.9697 8.46967C19.2626 8.17678 19.7374 8.17678 20.0303 8.46967C20.3232 8.76256 20.3232 9.23744 20.0303 9.53033L12.5303 17.0303C12.2374 17.3232 11.7626 17.3232 11.4697 17.0303L3.96967 9.53033C3.67678 9.23744 3.67678 8.76256 3.96967 8.46967Z"
-                  fill-rule="evenodd"
-                />
-              </svg>
-            </span>
-          </button>
-        </td>
-      </tr>
-      <tr>
-        <td
-          style="width: 40px;"
-        >
-          <div
-            class="c20"
-            kind="secondary"
-          >
-            LEAF
-          </div>
-        </td>
-        <td>
-          wetjolune
-        </td>
-        <td
-          align="right"
-        >
-          <button
-            class="c18"
-            height="24px"
-            kind="border"
-          >
-            OPTIONS
-            <span
-              class="c19 icon icon-chevrondown"
-              color="text.slightlyMuted"
-            >
-              <svg
-                fill="currentColor"
-                height="16"
-                viewBox="0 0 24 24"
-                width="16"
-              >
-                <path
-                  clip-rule="evenodd"
-                  d="M3.96967 8.46967C4.26256 8.17678 4.73744 8.17678 5.03033 8.46967L12 15.4393L18.9697 8.46967C19.2626 8.17678 19.7374 8.17678 20.0303 8.46967C20.3232 8.76256 20.3232 9.23744 20.0303 9.53033L12.5303 17.0303C12.2374 17.3232 11.7626 17.3232 11.4697 17.0303L3.96967 9.53033C3.67678 9.23744 3.67678 8.76256 3.96967 8.46967Z"
-                  fill-rule="evenodd"
-                />
-              </svg>
-            </span>
-          </button>
-        </td>
-      </tr>
-      <tr>
-        <td
-          style="width: 40px;"
-        >
-          <div
-            class="c20"
-            kind="secondary"
-          >
-            LEAF
-          </div>
-        </td>
-        <td>
-          dashawic
-        </td>
-        <td
-          align="right"
-        >
-          <button
-            class="c18"
-            height="24px"
-            kind="border"
-          >
-            OPTIONS
-            <span
-              class="c19 icon icon-chevrondown"
-              color="text.slightlyMuted"
-            >
-              <svg
-                fill="currentColor"
-                height="16"
-                viewBox="0 0 24 24"
-                width="16"
-              >
-                <path
-                  clip-rule="evenodd"
-                  d="M3.96967 8.46967C4.26256 8.17678 4.73744 8.17678 5.03033 8.46967L12 15.4393L18.9697 8.46967C19.2626 8.17678 19.7374 8.17678 20.0303 8.46967C20.3232 8.76256 20.3232 9.23744 20.0303 9.53033L12.5303 17.0303C12.2374 17.3232 11.7626 17.3232 11.4697 17.0303L3.96967 9.53033C3.67678 9.23744 3.67678 8.76256 3.96967 8.46967Z"
-                  fill-rule="evenodd"
-                />
-              </svg>
-            </span>
-          </button>
-        </td>
-      </tr>
-      <tr>
-        <td
-          style="width: 40px;"
-        >
-          <div
-            class="c20"
-            kind="secondary"
-          >
-            LEAF
-          </div>
-        </td>
-        <td>
-          jesushenry58
-        </td>
-        <td
-          align="right"
-        >
-          <button
-            class="c18"
-            height="24px"
-            kind="border"
-          >
-            OPTIONS
-            <span
-              class="c19 icon icon-chevrondown"
-              color="text.slightlyMuted"
-            >
-              <svg
-                fill="currentColor"
-                height="16"
-                viewBox="0 0 24 24"
-                width="16"
-              >
-                <path
-                  clip-rule="evenodd"
-                  d="M3.96967 8.46967C4.26256 8.17678 4.73744 8.17678 5.03033 8.46967L12 15.4393L18.9697 8.46967C19.2626 8.17678 19.7374 8.17678 20.0303 8.46967C20.3232 8.76256 20.3232 9.23744 20.0303 9.53033L12.5303 17.0303C12.2374 17.3232 11.7626 17.3232 11.4697 17.0303L3.96967 9.53033C3.67678 9.23744 3.67678 8.76256 3.96967 8.46967Z"
-                  fill-rule="evenodd"
-                />
-              </svg>
-            </span>
-          </button>
-        </td>
-      </tr>
-      <tr>
-        <td
-          style="width: 40px;"
-        >
-          <div
-            class="c20"
-            kind="secondary"
-          >
-            LEAF
-          </div>
-        </td>
-        <td>
-          jordansimpson35
-        </td>
-        <td
-          align="right"
-        >
-          <button
-            class="c18"
-            height="24px"
-            kind="border"
-          >
-            OPTIONS
-            <span
-              class="c19 icon icon-chevrondown"
-              color="text.slightlyMuted"
-            >
-              <svg
-                fill="currentColor"
-                height="16"
-                viewBox="0 0 24 24"
-                width="16"
-              >
-                <path
-                  clip-rule="evenodd"
-                  d="M3.96967 8.46967C4.26256 8.17678 4.73744 8.17678 5.03033 8.46967L12 15.4393L18.9697 8.46967C19.2626 8.17678 19.7374 8.17678 20.0303 8.46967C20.3232 8.76256 20.3232 9.23744 20.0303 9.53033L12.5303 17.0303C12.2374 17.3232 11.7626 17.3232 11.4697 17.0303L3.96967 9.53033C3.67678 9.23744 3.67678 8.76256 3.96967 8.46967Z"
-                  fill-rule="evenodd"
-                />
-              </svg>
-            </span>
-          </button>
-        </td>
-      </tr>
-      <tr>
-        <td
-          style="width: 40px;"
-        >
-          <div
-            class="c20"
-            kind="secondary"
-          >
-            LEAF
-          </div>
-        </td>
-        <td>
-          leonamann249
-        </td>
-        <td
-          align="right"
-        >
-          <button
-            class="c18"
-            height="24px"
-            kind="border"
-          >
-            OPTIONS
-            <span
-              class="c19 icon icon-chevrondown"
-              color="text.slightlyMuted"
-            >
-              <svg
-                fill="currentColor"
-                height="16"
-                viewBox="0 0 24 24"
-                width="16"
-              >
-                <path
-                  clip-rule="evenodd"
-                  d="M3.96967 8.46967C4.26256 8.17678 4.73744 8.17678 5.03033 8.46967L12 15.4393L18.9697 8.46967C19.2626 8.17678 19.7374 8.17678 20.0303 8.46967C20.3232 8.76256 20.3232 9.23744 20.0303 9.53033L12.5303 17.0303C12.2374 17.3232 11.7626 17.3232 11.4697 17.0303L3.96967 9.53033C3.67678 9.23744 3.67678 8.76256 3.96967 8.46967Z"
-                  fill-rule="evenodd"
-                />
-              </svg>
-            </span>
-          </button>
-        </td>
-      </tr>
-      <tr>
-        <td
-          style="width: 40px;"
-        >
-          <div
-            class="c20"
-            kind="secondary"
-          >
-            LEAF
-          </div>
-        </td>
-        <td>
-          bessiecohen207
-        </td>
-        <td
-          align="right"
-        >
-          <button
-            class="c18"
-            height="24px"
-            kind="border"
-          >
-            OPTIONS
-            <span
-              class="c19 icon icon-chevrondown"
-              color="text.slightlyMuted"
-            >
-              <svg
-                fill="currentColor"
-                height="16"
-                viewBox="0 0 24 24"
-                width="16"
-              >
-                <path
-                  clip-rule="evenodd"
-                  d="M3.96967 8.46967C4.26256 8.17678 4.73744 8.17678 5.03033 8.46967L12 15.4393L18.9697 8.46967C19.2626 8.17678 19.7374 8.17678 20.0303 8.46967C20.3232 8.76256 20.3232 9.23744 20.0303 9.53033L12.5303 17.0303C12.2374 17.3232 11.7626 17.3232 11.4697 17.0303L3.96967 9.53033C3.67678 9.23744 3.67678 8.76256 3.96967 8.46967Z"
-                  fill-rule="evenodd"
-                />
-              </svg>
-            </span>
-          </button>
-        </td>
-      </tr>
-      <tr>
-        <td
-          style="width: 40px;"
-        >
-          <div
-            class="c20"
-            kind="secondary"
-          >
-            LEAF
-          </div>
-        </td>
-        <td>
-          philipjohnson10
-        </td>
-        <td
-          align="right"
-        >
-          <button
-            class="c18"
-            height="24px"
-            kind="border"
-          >
-            OPTIONS
-            <span
-              class="c19 icon icon-chevrondown"
-              color="text.slightlyMuted"
-            >
-              <svg
-                fill="currentColor"
-                height="16"
-                viewBox="0 0 24 24"
-                width="16"
-              >
-                <path
-                  clip-rule="evenodd"
-                  d="M3.96967 8.46967C4.26256 8.17678 4.73744 8.17678 5.03033 8.46967L12 15.4393L18.9697 8.46967C19.2626 8.17678 19.7374 8.17678 20.0303 8.46967C20.3232 8.76256 20.3232 9.23744 20.0303 9.53033L12.5303 17.0303C12.2374 17.3232 11.7626 17.3232 11.4697 17.0303L3.96967 9.53033C3.67678 9.23744 3.67678 8.76256 3.96967 8.46967Z"
-                  fill-rule="evenodd"
-                />
-              </svg>
-            </span>
-          </button>
-        </td>
-      </tr>
-      <tr>
-        <td
-          style="width: 40px;"
-        >
-          <div
-            class="c20"
-            kind="secondary"
-          >
-            LEAF
-          </div>
-        </td>
-        <td>
-          teresastone14
-        </td>
-        <td
-          align="right"
-        >
-          <button
-            class="c18"
-            height="24px"
-            kind="border"
-          >
-            OPTIONS
-            <span
-              class="c19 icon icon-chevrondown"
-              color="text.slightlyMuted"
-            >
-              <svg
-                fill="currentColor"
-                height="16"
-                viewBox="0 0 24 24"
-                width="16"
-              >
-                <path
-                  clip-rule="evenodd"
-                  d="M3.96967 8.46967C4.26256 8.17678 4.73744 8.17678 5.03033 8.46967L12 15.4393L18.9697 8.46967C19.2626 8.17678 19.7374 8.17678 20.0303 8.46967C20.3232 8.76256 20.3232 9.23744 20.0303 9.53033L12.5303 17.0303C12.2374 17.3232 11.7626 17.3232 11.4697 17.0303L3.96967 9.53033C3.67678 9.23744 3.67678 8.76256 3.96967 8.46967Z"
-                  fill-rule="evenodd"
-                />
-              </svg>
-            </span>
-          </button>
-        </td>
-      </tr>
-      <tr>
-        <td
-          style="width: 40px;"
-        >
-          <div
-            class="c20"
-            kind="secondary"
-          >
-            LEAF
-          </div>
-        </td>
-        <td>
-          connorsharp137
-        </td>
-        <td
-          align="right"
-        >
-          <button
-            class="c18"
-            height="24px"
-            kind="border"
-          >
-            OPTIONS
-            <span
-              class="c19 icon icon-chevrondown"
-              color="text.slightlyMuted"
-            >
-              <svg
-                fill="currentColor"
-                height="16"
-                viewBox="0 0 24 24"
-                width="16"
-              >
-                <path
-                  clip-rule="evenodd"
-                  d="M3.96967 8.46967C4.26256 8.17678 4.73744 8.17678 5.03033 8.46967L12 15.4393L18.9697 8.46967C19.2626 8.17678 19.7374 8.17678 20.0303 8.46967C20.3232 8.76256 20.3232 9.23744 20.0303 9.53033L12.5303 17.0303C12.2374 17.3232 11.7626 17.3232 11.4697 17.0303L3.96967 9.53033C3.67678 9.23744 3.67678 8.76256 3.96967 8.46967Z"
-                  fill-rule="evenodd"
-                />
-              </svg>
-            </span>
-          </button>
-        </td>
-      </tr>
-      <tr>
-        <td
-          style="width: 40px;"
-        >
-          <div
-            class="c20"
-            kind="secondary"
-          >
-            LEAF
-          </div>
-        </td>
-        <td>
-          ricardosingleton242
-        </td>
-        <td
-          align="right"
-        >
-          <button
-            class="c18"
-            height="24px"
-            kind="border"
-          >
-            OPTIONS
-            <span
-              class="c19 icon icon-chevrondown"
-              color="text.slightlyMuted"
-            >
-              <svg
-                fill="currentColor"
-                height="16"
-                viewBox="0 0 24 24"
-                width="16"
-              >
-                <path
-                  clip-rule="evenodd"
-                  d="M3.96967 8.46967C4.26256 8.17678 4.73744 8.17678 5.03033 8.46967L12 15.4393L18.9697 8.46967C19.2626 8.17678 19.7374 8.17678 20.0303 8.46967C20.3232 8.76256 20.3232 9.23744 20.0303 9.53033L12.5303 17.0303C12.2374 17.3232 11.7626 17.3232 11.4697 17.0303L3.96967 9.53033C3.67678 9.23744 3.67678 8.76256 3.96967 8.46967Z"
-                  fill-rule="evenodd"
-                />
-              </svg>
-            </span>
-          </button>
-        </td>
-      </tr>
-      <tr>
-        <td
-          style="width: 40px;"
-        >
-          <div
-            class="c20"
-            kind="secondary"
-          >
-            LEAF
-          </div>
-        </td>
-        <td>
-          rozpaari
-        </td>
-        <td
-          align="right"
-        >
-          <button
-            class="c18"
-            height="24px"
-            kind="border"
-          >
-            OPTIONS
-            <span
-              class="c19 icon icon-chevrondown"
-              color="text.slightlyMuted"
-            >
-              <svg
-                fill="currentColor"
-                height="16"
-                viewBox="0 0 24 24"
-                width="16"
-              >
-                <path
-                  clip-rule="evenodd"
-                  d="M3.96967 8.46967C4.26256 8.17678 4.73744 8.17678 5.03033 8.46967L12 15.4393L18.9697 8.46967C19.2626 8.17678 19.7374 8.17678 20.0303 8.46967C20.3232 8.76256 20.3232 9.23744 20.0303 9.53033L12.5303 17.0303C12.2374 17.3232 11.7626 17.3232 11.4697 17.0303L3.96967 9.53033C3.67678 9.23744 3.67678 8.76256 3.96967 8.46967Z"
-                  fill-rule="evenodd"
-                />
-              </svg>
-            </span>
-          </button>
-        </td>
-      </tr>
-      <tr>
-        <td
-          style="width: 40px;"
-        >
-          <div
-            class="c20"
-            kind="secondary"
-          >
-            LEAF
-          </div>
-        </td>
-        <td>
-          wetjolune
-        </td>
-        <td
-          align="right"
-        >
-          <button
-            class="c18"
-            height="24px"
-            kind="border"
-          >
-            OPTIONS
-            <span
-              class="c19 icon icon-chevrondown"
-              color="text.slightlyMuted"
-            >
-              <svg
-                fill="currentColor"
-                height="16"
-                viewBox="0 0 24 24"
-                width="16"
-              >
-                <path
-                  clip-rule="evenodd"
-                  d="M3.96967 8.46967C4.26256 8.17678 4.73744 8.17678 5.03033 8.46967L12 15.4393L18.9697 8.46967C19.2626 8.17678 19.7374 8.17678 20.0303 8.46967C20.3232 8.76256 20.3232 9.23744 20.0303 9.53033L12.5303 17.0303C12.2374 17.3232 11.7626 17.3232 11.4697 17.0303L3.96967 9.53033C3.67678 9.23744 3.67678 8.76256 3.96967 8.46967Z"
-                  fill-rule="evenodd"
-                />
-              </svg>
-            </span>
-          </button>
-        </td>
-      </tr>
-      <tr>
-        <td
-          style="width: 40px;"
-        >
-          <div
-            class="c20"
-            kind="secondary"
-          >
-            LEAF
-          </div>
-        </td>
-        <td>
-          dashawic
-        </td>
-        <td
-          align="right"
-        >
-          <button
-            class="c18"
-            height="24px"
-            kind="border"
-          >
-            OPTIONS
-            <span
-              class="c19 icon icon-chevrondown"
-              color="text.slightlyMuted"
-            >
-              <svg
-                fill="currentColor"
-                height="16"
-                viewBox="0 0 24 24"
-                width="16"
-              >
-                <path
-                  clip-rule="evenodd"
-                  d="M3.96967 8.46967C4.26256 8.17678 4.73744 8.17678 5.03033 8.46967L12 15.4393L18.9697 8.46967C19.2626 8.17678 19.7374 8.17678 20.0303 8.46967C20.3232 8.76256 20.3232 9.23744 20.0303 9.53033L12.5303 17.0303C12.2374 17.3232 11.7626 17.3232 11.4697 17.0303L3.96967 9.53033C3.67678 9.23744 3.67678 8.76256 3.96967 8.46967Z"
-                  fill-rule="evenodd"
-                />
-              </svg>
-            </span>
-          </button>
-        </td>
-      </tr>
-      <tr>
-        <td
-          style="width: 40px;"
-        >
-          <div
-            class="c20"
-            kind="secondary"
-          >
-            LEAF
-          </div>
-        </td>
-        <td>
-          williepayne223
-        </td>
-        <td
-          align="right"
-        >
-          <button
-            class="c18"
-            height="24px"
-            kind="border"
-          >
-            OPTIONS
-            <span
-              class="c19 icon icon-chevrondown"
-              color="text.slightlyMuted"
-            >
-              <svg
-                fill="currentColor"
-                height="16"
-                viewBox="0 0 24 24"
-                width="16"
-              >
-                <path
-                  clip-rule="evenodd"
-                  d="M3.96967 8.46967C4.26256 8.17678 4.73744 8.17678 5.03033 8.46967L12 15.4393L18.9697 8.46967C19.2626 8.17678 19.7374 8.17678 20.0303 8.46967C20.3232 8.76256 20.3232 9.23744 20.0303 9.53033L12.5303 17.0303C12.2374 17.3232 11.7626 17.3232 11.4697 17.0303L3.96967 9.53033C3.67678 9.23744 3.67678 8.76256 3.96967 8.46967Z"
-                  fill-rule="evenodd"
-                />
-              </svg>
-            </span>
-          </button>
-        </td>
-      </tr>
-      <tr>
-        <td
-          style="width: 40px;"
-        >
-          <div
-            class="c20"
-            kind="secondary"
-          >
-            LEAF
-          </div>
-        </td>
-        <td>
-          samlewis176
-        </td>
-        <td
-          align="right"
-        >
-          <button
-            class="c18"
-            height="24px"
-            kind="border"
-          >
-            OPTIONS
-            <span
-              class="c19 icon icon-chevrondown"
-              color="text.slightlyMuted"
-            >
-              <svg
-                fill="currentColor"
-                height="16"
-                viewBox="0 0 24 24"
-                width="16"
-              >
-                <path
-                  clip-rule="evenodd"
-                  d="M3.96967 8.46967C4.26256 8.17678 4.73744 8.17678 5.03033 8.46967L12 15.4393L18.9697 8.46967C19.2626 8.17678 19.7374 8.17678 20.0303 8.46967C20.3232 8.76256 20.3232 9.23744 20.0303 9.53033L12.5303 17.0303C12.2374 17.3232 11.7626 17.3232 11.4697 17.0303L3.96967 9.53033C3.67678 9.23744 3.67678 8.76256 3.96967 8.46967Z"
-                  fill-rule="evenodd"
-                />
-              </svg>
-            </span>
-          </button>
-        </td>
-      </tr>
-      <tr>
-        <td
-          style="width: 40px;"
-        >
-          <div
-            class="c20"
-            kind="secondary"
-          >
-            LEAF
-          </div>
-        </td>
-        <td>
-          nellwheeler72
-        </td>
-        <td
-          align="right"
-        >
-          <button
-            class="c18"
-            height="24px"
-            kind="border"
-          >
-            OPTIONS
-            <span
-              class="c19 icon icon-chevrondown"
-              color="text.slightlyMuted"
-            >
-              <svg
-                fill="currentColor"
-                height="16"
-                viewBox="0 0 24 24"
-                width="16"
-              >
-                <path
-                  clip-rule="evenodd"
-                  d="M3.96967 8.46967C4.26256 8.17678 4.73744 8.17678 5.03033 8.46967L12 15.4393L18.9697 8.46967C19.2626 8.17678 19.7374 8.17678 20.0303 8.46967C20.3232 8.76256 20.3232 9.23744 20.0303 9.53033L12.5303 17.0303C12.2374 17.3232 11.7626 17.3232 11.4697 17.0303L3.96967 9.53033C3.67678 9.23744 3.67678 8.76256 3.96967 8.46967Z"
-                  fill-rule="evenodd"
-                />
-              </svg>
-            </span>
-          </button>
-        </td>
-      </tr>
-      <tr>
-        <td
-          style="width: 40px;"
-        >
-          <div
-            class="c20"
-            kind="secondary"
-          >
-            LEAF
-          </div>
-        </td>
-        <td>
-          albertowens200
-        </td>
-        <td
-          align="right"
-        >
-          <button
-            class="c18"
-            height="24px"
-            kind="border"
-          >
-            OPTIONS
-            <span
-              class="c19 icon icon-chevrondown"
-              color="text.slightlyMuted"
-            >
-              <svg
-                fill="currentColor"
-                height="16"
-                viewBox="0 0 24 24"
-                width="16"
-              >
-                <path
-                  clip-rule="evenodd"
-                  d="M3.96967 8.46967C4.26256 8.17678 4.73744 8.17678 5.03033 8.46967L12 15.4393L18.9697 8.46967C19.2626 8.17678 19.7374 8.17678 20.0303 8.46967C20.3232 8.76256 20.3232 9.23744 20.0303 9.53033L12.5303 17.0303C12.2374 17.3232 11.7626 17.3232 11.4697 17.0303L3.96967 9.53033C3.67678 9.23744 3.67678 8.76256 3.96967 8.46967Z"
-                  fill-rule="evenodd"
-                />
-              </svg>
-            </span>
-          </button>
-        </td>
-      </tr>
-      <tr>
-        <td
-          style="width: 40px;"
-        >
-          <div
-            class="c20"
-            kind="secondary"
-          >
-            LEAF
-          </div>
-        </td>
-        <td>
-          beatricecarson171
-        </td>
-        <td
-          align="right"
-        >
-          <button
-            class="c18"
-            height="24px"
-            kind="border"
-          >
-            OPTIONS
-            <span
-              class="c19 icon icon-chevrondown"
-              color="text.slightlyMuted"
-            >
-              <svg
-                fill="currentColor"
-                height="16"
-                viewBox="0 0 24 24"
-                width="16"
-              >
-                <path
-                  clip-rule="evenodd"
-                  d="M3.96967 8.46967C4.26256 8.17678 4.73744 8.17678 5.03033 8.46967L12 15.4393L18.9697 8.46967C19.2626 8.17678 19.7374 8.17678 20.0303 8.46967C20.3232 8.76256 20.3232 9.23744 20.0303 9.53033L12.5303 17.0303C12.2374 17.3232 11.7626 17.3232 11.4697 17.0303L3.96967 9.53033C3.67678 9.23744 3.67678 8.76256 3.96967 8.46967Z"
-                  fill-rule="evenodd"
-                />
-              </svg>
-            </span>
-          </button>
-        </td>
-      </tr>
-      <tr>
-        <td
-          style="width: 40px;"
-        >
-          <div
-            class="c20"
-            kind="secondary"
-          >
-            LEAF
-          </div>
-        </td>
-        <td>
-          besscarroll152
-        </td>
-        <td
-          align="right"
-        >
-          <button
-            class="c18"
-            height="24px"
-            kind="border"
-          >
-            OPTIONS
-            <span
-              class="c19 icon icon-chevrondown"
-              color="text.slightlyMuted"
-            >
-              <svg
-                fill="currentColor"
-                height="16"
-                viewBox="0 0 24 24"
-                width="16"
-              >
-                <path
-                  clip-rule="evenodd"
-                  d="M3.96967 8.46967C4.26256 8.17678 4.73744 8.17678 5.03033 8.46967L12 15.4393L18.9697 8.46967C19.2626 8.17678 19.7374 8.17678 20.0303 8.46967C20.3232 8.76256 20.3232 9.23744 20.0303 9.53033L12.5303 17.0303C12.2374 17.3232 11.7626 17.3232 11.4697 17.0303L3.96967 9.53033C3.67678 9.23744 3.67678 8.76256 3.96967 8.46967Z"
-                  fill-rule="evenodd"
-                />
-              </svg>
-            </span>
-          </button>
-        </td>
-      </tr>
-      <tr>
-        <td
-          style="width: 40px;"
-        >
-          <div
-            class="c20"
-            kind="secondary"
-          >
-            LEAF
-          </div>
-        </td>
-        <td>
-          hannahsutton232
-        </td>
-        <td
-          align="right"
-        >
-          <button
-            class="c18"
-            height="24px"
-            kind="border"
-          >
-            OPTIONS
-            <span
-              class="c19 icon icon-chevrondown"
-              color="text.slightlyMuted"
-            >
-              <svg
-                fill="currentColor"
-                height="16"
-                viewBox="0 0 24 24"
-                width="16"
-              >
-                <path
-                  clip-rule="evenodd"
-                  d="M3.96967 8.46967C4.26256 8.17678 4.73744 8.17678 5.03033 8.46967L12 15.4393L18.9697 8.46967C19.2626 8.17678 19.7374 8.17678 20.0303 8.46967C20.3232 8.76256 20.3232 9.23744 20.0303 9.53033L12.5303 17.0303C12.2374 17.3232 11.7626 17.3232 11.4697 17.0303L3.96967 9.53033C3.67678 9.23744 3.67678 8.76256 3.96967 8.46967Z"
-                  fill-rule="evenodd"
-                />
-              </svg>
-            </span>
-          </button>
-        </td>
-      </tr>
-      <tr>
-        <td
-          style="width: 40px;"
-        >
-          <div
-            class="c20"
-            kind="secondary"
-          >
-            LEAF
-          </div>
-        </td>
-        <td>
-          barrynelson110
-        </td>
-        <td
-          align="right"
-        >
-          <button
-            class="c18"
-            height="24px"
-            kind="border"
-          >
-            OPTIONS
-            <span
-              class="c19 icon icon-chevrondown"
-              color="text.slightlyMuted"
-            >
-              <svg
-                fill="currentColor"
-                height="16"
-                viewBox="0 0 24 24"
-                width="16"
-              >
-                <path
-                  clip-rule="evenodd"
-                  d="M3.96967 8.46967C4.26256 8.17678 4.73744 8.17678 5.03033 8.46967L12 15.4393L18.9697 8.46967C19.2626 8.17678 19.7374 8.17678 20.0303 8.46967C20.3232 8.76256 20.3232 9.23744 20.0303 9.53033L12.5303 17.0303C12.2374 17.3232 11.7626 17.3232 11.4697 17.0303L3.96967 9.53033C3.67678 9.23744 3.67678 8.76256 3.96967 8.46967Z"
-                  fill-rule="evenodd"
-                />
-              </svg>
-            </span>
-          </button>
-        </td>
-      </tr>
-      <tr>
-        <td
-          style="width: 40px;"
-        >
-          <div
-            class="c20"
-            kind="secondary"
-          >
-            LEAF
-          </div>
-        </td>
-        <td>
-          rozpaari
-        </td>
-        <td
-          align="right"
-        >
-          <button
-            class="c18"
-            height="24px"
-            kind="border"
-          >
-            OPTIONS
-            <span
-              class="c19 icon icon-chevrondown"
-              color="text.slightlyMuted"
-            >
-              <svg
-                fill="currentColor"
-                height="16"
-                viewBox="0 0 24 24"
-                width="16"
-              >
-                <path
-                  clip-rule="evenodd"
-                  d="M3.96967 8.46967C4.26256 8.17678 4.73744 8.17678 5.03033 8.46967L12 15.4393L18.9697 8.46967C19.2626 8.17678 19.7374 8.17678 20.0303 8.46967C20.3232 8.76256 20.3232 9.23744 20.0303 9.53033L12.5303 17.0303C12.2374 17.3232 11.7626 17.3232 11.4697 17.0303L3.96967 9.53033C3.67678 9.23744 3.67678 8.76256 3.96967 8.46967Z"
-                  fill-rule="evenodd"
-                />
-              </svg>
-            </span>
-          </button>
-        </td>
-      </tr>
-      <tr>
-        <td
-          style="width: 40px;"
-        >
-          <div
-            class="c20"
-            kind="secondary"
-          >
-            LEAF
-          </div>
-        </td>
-        <td>
-          wetjolune
-        </td>
-        <td
-          align="right"
-        >
-          <button
-            class="c18"
-            height="24px"
-            kind="border"
-          >
-            OPTIONS
-            <span
-              class="c19 icon icon-chevrondown"
-              color="text.slightlyMuted"
-            >
-              <svg
-                fill="currentColor"
-                height="16"
-                viewBox="0 0 24 24"
-                width="16"
-              >
-                <path
-                  clip-rule="evenodd"
-                  d="M3.96967 8.46967C4.26256 8.17678 4.73744 8.17678 5.03033 8.46967L12 15.4393L18.9697 8.46967C19.2626 8.17678 19.7374 8.17678 20.0303 8.46967C20.3232 8.76256 20.3232 9.23744 20.0303 9.53033L12.5303 17.0303C12.2374 17.3232 11.7626 17.3232 11.4697 17.0303L3.96967 9.53033C3.67678 9.23744 3.67678 8.76256 3.96967 8.46967Z"
-                  fill-rule="evenodd"
-                />
-              </svg>
-            </span>
-          </button>
-        </td>
-      </tr>
-      <tr>
-        <td
-          style="width: 40px;"
-        >
-          <div
-            class="c20"
-            kind="secondary"
-          >
-            LEAF
-          </div>
-        </td>
-        <td>
-          dashawic
-        </td>
-        <td
-          align="right"
-        >
-          <button
-            class="c18"
-            height="24px"
-            kind="border"
-          >
-            OPTIONS
-            <span
-              class="c19 icon icon-chevrondown"
-              color="text.slightlyMuted"
-            >
-              <svg
-                fill="currentColor"
-                height="16"
-                viewBox="0 0 24 24"
-                width="16"
-              >
-                <path
-                  clip-rule="evenodd"
-                  d="M3.96967 8.46967C4.26256 8.17678 4.73744 8.17678 5.03033 8.46967L12 15.4393L18.9697 8.46967C19.2626 8.17678 19.7374 8.17678 20.0303 8.46967C20.3232 8.76256 20.3232 9.23744 20.0303 9.53033L12.5303 17.0303C12.2374 17.3232 11.7626 17.3232 11.4697 17.0303L3.96967 9.53033C3.67678 9.23744 3.67678 8.76256 3.96967 8.46967Z"
-                  fill-rule="evenodd"
-                />
-              </svg>
-            </span>
-          </button>
-        </td>
-      </tr>
-      <tr>
-        <td
-          style="width: 40px;"
-        >
-          <div
-            class="c20"
-            kind="secondary"
-          >
-            LEAF
-          </div>
-        </td>
-        <td>
-          henriettarios78
-        </td>
-        <td
-          align="right"
-        >
-          <button
-            class="c18"
-            height="24px"
-            kind="border"
-          >
-            OPTIONS
-            <span
-              class="c19 icon icon-chevrondown"
-              color="text.slightlyMuted"
-            >
-              <svg
-                fill="currentColor"
-                height="16"
-                viewBox="0 0 24 24"
-                width="16"
-              >
-                <path
-                  clip-rule="evenodd"
-                  d="M3.96967 8.46967C4.26256 8.17678 4.73744 8.17678 5.03033 8.46967L12 15.4393L18.9697 8.46967C19.2626 8.17678 19.7374 8.17678 20.0303 8.46967C20.3232 8.76256 20.3232 9.23744 20.0303 9.53033L12.5303 17.0303C12.2374 17.3232 11.7626 17.3232 11.4697 17.0303L3.96967 9.53033C3.67678 9.23744 3.67678 8.76256 3.96967 8.46967Z"
-                  fill-rule="evenodd"
-                />
-              </svg>
-            </span>
-          </button>
-        </td>
-      </tr>
-      <tr>
-        <td
-          style="width: 40px;"
-        >
-          <div
-            class="c20"
-            kind="secondary"
-          >
-            LEAF
-          </div>
-        </td>
-        <td>
-          josephinewolfe55
-        </td>
-        <td
-          align="right"
-        >
-          <button
-            class="c18"
-            height="24px"
-            kind="border"
-          >
-            OPTIONS
-            <span
-              class="c19 icon icon-chevrondown"
-              color="text.slightlyMuted"
-            >
-              <svg
-                fill="currentColor"
-                height="16"
-                viewBox="0 0 24 24"
-                width="16"
-              >
-                <path
-                  clip-rule="evenodd"
-                  d="M3.96967 8.46967C4.26256 8.17678 4.73744 8.17678 5.03033 8.46967L12 15.4393L18.9697 8.46967C19.2626 8.17678 19.7374 8.17678 20.0303 8.46967C20.3232 8.76256 20.3232 9.23744 20.0303 9.53033L12.5303 17.0303C12.2374 17.3232 11.7626 17.3232 11.4697 17.0303L3.96967 9.53033C3.67678 9.23744 3.67678 8.76256 3.96967 8.46967Z"
-                  fill-rule="evenodd"
-                />
-              </svg>
-            </span>
-          </button>
-        </td>
-      </tr>
-      <tr>
-        <td
-          style="width: 40px;"
-        >
-          <div
-            class="c20"
-            kind="secondary"
-          >
-            LEAF
-          </div>
-        </td>
-        <td>
-          jaysandoval137
-        </td>
-        <td
-          align="right"
-        >
-          <button
-            class="c18"
-            height="24px"
-            kind="border"
-          >
-            OPTIONS
-            <span
-              class="c19 icon icon-chevrondown"
-              color="text.slightlyMuted"
-            >
-              <svg
-                fill="currentColor"
-                height="16"
-                viewBox="0 0 24 24"
-                width="16"
-              >
-                <path
-                  clip-rule="evenodd"
-                  d="M3.96967 8.46967C4.26256 8.17678 4.73744 8.17678 5.03033 8.46967L12 15.4393L18.9697 8.46967C19.2626 8.17678 19.7374 8.17678 20.0303 8.46967C20.3232 8.76256 20.3232 9.23744 20.0303 9.53033L12.5303 17.0303C12.2374 17.3232 11.7626 17.3232 11.4697 17.0303L3.96967 9.53033C3.67678 9.23744 3.67678 8.76256 3.96967 8.46967Z"
-                  fill-rule="evenodd"
-                />
-              </svg>
-            </span>
-          </button>
-        </td>
-      </tr>
-      <tr>
-        <td
-          style="width: 40px;"
-        >
-          <div
-            class="c20"
-            kind="secondary"
-          >
-            LEAF
-          </div>
-        </td>
-        <td>
-          isabellekim81
-        </td>
-        <td
-          align="right"
-        >
-          <button
-            class="c18"
-            height="24px"
-            kind="border"
-          >
-            OPTIONS
-            <span
-              class="c19 icon icon-chevrondown"
-              color="text.slightlyMuted"
-            >
-              <svg
-                fill="currentColor"
-                height="16"
-                viewBox="0 0 24 24"
-                width="16"
-              >
-                <path
-                  clip-rule="evenodd"
-                  d="M3.96967 8.46967C4.26256 8.17678 4.73744 8.17678 5.03033 8.46967L12 15.4393L18.9697 8.46967C19.2626 8.17678 19.7374 8.17678 20.0303 8.46967C20.3232 8.76256 20.3232 9.23744 20.0303 9.53033L12.5303 17.0303C12.2374 17.3232 11.7626 17.3232 11.4697 17.0303L3.96967 9.53033C3.67678 9.23744 3.67678 8.76256 3.96967 8.46967Z"
-                  fill-rule="evenodd"
-                />
-              </svg>
-            </span>
-          </button>
-        </td>
-      </tr>
-      <tr>
-        <td
-          style="width: 40px;"
-        >
-          <div
-            class="c20"
-            kind="secondary"
-          >
-            LEAF
-          </div>
-        </td>
-        <td>
-          francismoran134
-        </td>
-        <td
-          align="right"
-        >
-          <button
-            class="c18"
-            height="24px"
-            kind="border"
-          >
-            OPTIONS
-            <span
-              class="c19 icon icon-chevrondown"
-              color="text.slightlyMuted"
-            >
-              <svg
-                fill="currentColor"
-                height="16"
-                viewBox="0 0 24 24"
-                width="16"
-              >
-                <path
-                  clip-rule="evenodd"
-                  d="M3.96967 8.46967C4.26256 8.17678 4.73744 8.17678 5.03033 8.46967L12 15.4393L18.9697 8.46967C19.2626 8.17678 19.7374 8.17678 20.0303 8.46967C20.3232 8.76256 20.3232 9.23744 20.0303 9.53033L12.5303 17.0303C12.2374 17.3232 11.7626 17.3232 11.4697 17.0303L3.96967 9.53033C3.67678 9.23744 3.67678 8.76256 3.96967 8.46967Z"
-                  fill-rule="evenodd"
-                />
-              </svg>
-            </span>
-          </button>
-        </td>
-      </tr>
-      <tr>
-        <td
-          style="width: 40px;"
-        >
-          <div
-            class="c20"
-            kind="secondary"
-          >
-            LEAF
-          </div>
-        </td>
-        <td>
-          theodorefrazier78
-        </td>
-        <td
-          align="right"
-        >
-          <button
-            class="c18"
-            height="24px"
-            kind="border"
-          >
-            OPTIONS
-            <span
-              class="c19 icon icon-chevrondown"
-              color="text.slightlyMuted"
-            >
-              <svg
-                fill="currentColor"
-                height="16"
-                viewBox="0 0 24 24"
-                width="16"
-              >
-                <path
-                  clip-rule="evenodd"
-                  d="M3.96967 8.46967C4.26256 8.17678 4.73744 8.17678 5.03033 8.46967L12 15.4393L18.9697 8.46967C19.2626 8.17678 19.7374 8.17678 20.0303 8.46967C20.3232 8.76256 20.3232 9.23744 20.0303 9.53033L12.5303 17.0303C12.2374 17.3232 11.7626 17.3232 11.4697 17.0303L3.96967 9.53033C3.67678 9.23744 3.67678 8.76256 3.96967 8.46967Z"
-                  fill-rule="evenodd"
-                />
-              </svg>
-            </span>
-          </button>
-        </td>
-      </tr>
-      <tr>
-        <td
-          style="width: 40px;"
-        >
-          <div
-            class="c20"
-            kind="secondary"
-          >
-            LEAF
-          </div>
-        </td>
-        <td>
-          hattiestanley34
-        </td>
-        <td
-          align="right"
-        >
-          <button
-            class="c18"
-            height="24px"
-            kind="border"
-          >
-            OPTIONS
-            <span
-              class="c19 icon icon-chevrondown"
-              color="text.slightlyMuted"
-            >
-              <svg
-                fill="currentColor"
-                height="16"
-                viewBox="0 0 24 24"
-                width="16"
-              >
-                <path
-                  clip-rule="evenodd"
-                  d="M3.96967 8.46967C4.26256 8.17678 4.73744 8.17678 5.03033 8.46967L12 15.4393L18.9697 8.46967C19.2626 8.17678 19.7374 8.17678 20.0303 8.46967C20.3232 8.76256 20.3232 9.23744 20.0303 9.53033L12.5303 17.0303C12.2374 17.3232 11.7626 17.3232 11.4697 17.0303L3.96967 9.53033C3.67678 9.23744 3.67678 8.76256 3.96967 8.46967Z"
-                  fill-rule="evenodd"
-                />
-              </svg>
-            </span>
-          </button>
-        </td>
-      </tr>
-      <tr>
-        <td
-          style="width: 40px;"
-        >
-          <div
-            class="c20"
-            kind="secondary"
-          >
-            LEAF
-          </div>
-        </td>
-        <td>
-          tommybrooks146
-        </td>
-        <td
-          align="right"
-        >
-          <button
-            class="c18"
-            height="24px"
-            kind="border"
-          >
-            OPTIONS
-            <span
-              class="c19 icon icon-chevrondown"
-              color="text.slightlyMuted"
-            >
-              <svg
-                fill="currentColor"
-                height="16"
-                viewBox="0 0 24 24"
-                width="16"
-              >
-                <path
-                  clip-rule="evenodd"
-                  d="M3.96967 8.46967C4.26256 8.17678 4.73744 8.17678 5.03033 8.46967L12 15.4393L18.9697 8.46967C19.2626 8.17678 19.7374 8.17678 20.0303 8.46967C20.3232 8.76256 20.3232 9.23744 20.0303 9.53033L12.5303 17.0303C12.2374 17.3232 11.7626 17.3232 11.4697 17.0303L3.96967 9.53033C3.67678 9.23744 3.67678 8.76256 3.96967 8.46967Z"
-                  fill-rule="evenodd"
-                />
-              </svg>
-            </span>
-          </button>
-        </td>
-      </tr>
-    </tbody>
-  </table>
-  <nav
-    class="c8"
-  />
+        </div>
+      </div>
+    </nav>
+  </div>
 </div>
 `;
diff --git a/web/packages/teleport/src/Console/DocumentNodes/__snapshots__/DocumentNodes.story.test.tsx.snap b/web/packages/teleport/src/Console/DocumentNodes/__snapshots__/DocumentNodes.story.test.tsx.snap
index 779b63afea88..a8e0dc0c6488 100644
--- a/web/packages/teleport/src/Console/DocumentNodes/__snapshots__/DocumentNodes.story.test.tsx.snap
+++ b/web/packages/teleport/src/Console/DocumentNodes/__snapshots__/DocumentNodes.story.test.tsx.snap
@@ -279,6 +279,7 @@ exports[`render DocumentNodes 1`] = `
   display: flex;
   align-items: center;
   justify-content: space-between;
+  gap: 16px;
 }
 
 .c20 {
@@ -542,13 +543,14 @@ exports[`render DocumentNodes 1`] = `
   position: relative;
   display: flex;
   overflow: hidden;
+  width: 100%;
   border-radius: 200px;
   height: 100%;
   background: transparent;
-  max-width: 725px;
 }
 
 .c14 {
+  background: #0C143D;
   border-radius: 200px;
   width: 100%;
   height: 48px;
@@ -566,7 +568,7 @@ exports[`render DocumentNodes 1`] = `
   color: #FFFFFF;
   background: rgba(255,255,255,0.07);
   padding-right: 184px;
-  padding-left: 24px;
+  padding-left: 32px;
 }
 
 .c4 {
@@ -630,79 +632,83 @@ exports[`render DocumentNodes 1`] = `
       <nav
         class="c11"
       >
-        <form
+        <div
           class="c12 c13"
           width="100%"
         >
-          <div
-            class="c14"
+          <form
+            class="c7 c1 SearchPanel"
           >
             <div
-              class="c15"
+              class="c14"
             >
-              <input
-                class="c16"
-                placeholder="Search..."
-                value=""
-              />
               <div
-                class="c17"
+                class="c15"
               >
+                <input
+                  class="c16"
+                  placeholder="Search for resources..."
+                  value=""
+                />
                 <div
-                  class="c18"
+                  class="c17"
                 >
                   <div
-                    class="c19 c20"
+                    class="c18"
                   >
-                    <label
-                      class="c21"
-                    >
-                      <input
-                        class="c22"
-                        data-testid="toggle"
-                        type="checkbox"
-                      />
-                      <div
-                        class="c23 c24"
-                      />
-                    </label>
                     <div
-                      class="c25"
-                    >
-                      Advanced
-                    </div>
-                    <span
-                      class="c26"
-                      role="icon"
+                      class="c19 c20"
                     >
+                      <label
+                        class="c21"
+                      >
+                        <input
+                          class="c22"
+                          data-testid="toggle"
+                          type="checkbox"
+                        />
+                        <div
+                          class="c23 c24"
+                        />
+                      </label>
+                      <div
+                        class="c25"
+                      >
+                        Advanced
+                      </div>
                       <span
-                        class="c27 c28"
+                        class="c26"
+                        role="icon"
                       >
-                        <svg
-                          fill="currentColor"
-                          height="20"
-                          viewBox="0 0 24 24"
-                          width="20"
+                        <span
+                          class="c27 c28"
                         >
-                          <path
-                            d="M11.625 8.8125C12.1428 8.8125 12.5625 8.39277 12.5625 7.875C12.5625 7.35723 12.1428 6.9375 11.625 6.9375C11.1072 6.9375 10.6875 7.35723 10.6875 7.875C10.6875 8.39277 11.1072 8.8125 11.625 8.8125Z"
-                          />
-                          <path
-                            d="M10.5 11.25C10.5 10.8358 10.8358 10.5 11.25 10.5C11.6478 10.5 12.0294 10.658 12.3107 10.9393C12.592 11.2206 12.75 11.6022 12.75 12V15.75C13.1642 15.75 13.5 16.0858 13.5 16.5C13.5 16.9142 13.1642 17.25 12.75 17.25C12.3522 17.25 11.9706 17.092 11.6893 16.8107C11.408 16.5294 11.25 16.1478 11.25 15.75V12C10.8358 12 10.5 11.6642 10.5 11.25Z"
-                          />
-                          <path
-                            clip-rule="evenodd"
-                            d="M12 2.25C6.61522 2.25 2.25 6.61522 2.25 12C2.25 17.3848 6.61522 21.75 12 21.75C17.3848 21.75 21.75 17.3848 21.75 12C21.75 6.61522 17.3848 2.25 12 2.25ZM3.75 12C3.75 7.44365 7.44365 3.75 12 3.75C16.5563 3.75 20.25 7.44365 20.25 12C20.25 16.5563 16.5563 20.25 12 20.25C7.44365 20.25 3.75 16.5563 3.75 12Z"
-                            fill-rule="evenodd"
-                          />
-                        </svg>
+                          <svg
+                            fill="currentColor"
+                            height="20"
+                            viewBox="0 0 24 24"
+                            width="20"
+                          >
+                            <path
+                              d="M11.625 8.8125C12.1428 8.8125 12.5625 8.39277 12.5625 7.875C12.5625 7.35723 12.1428 6.9375 11.625 6.9375C11.1072 6.9375 10.6875 7.35723 10.6875 7.875C10.6875 8.39277 11.1072 8.8125 11.625 8.8125Z"
+                            />
+                            <path
+                              d="M10.5 11.25C10.5 10.8358 10.8358 10.5 11.25 10.5C11.6478 10.5 12.0294 10.658 12.3107 10.9393C12.592 11.2206 12.75 11.6022 12.75 12V15.75C13.1642 15.75 13.5 16.0858 13.5 16.5C13.5 16.9142 13.1642 17.25 12.75 17.25C12.3522 17.25 11.9706 17.092 11.6893 16.8107C11.408 16.5294 11.25 16.1478 11.25 15.75V12C10.8358 12 10.5 11.6642 10.5 11.25Z"
+                            />
+                            <path
+                              clip-rule="evenodd"
+                              d="M12 2.25C6.61522 2.25 2.25 6.61522 2.25 12C2.25 17.3848 6.61522 21.75 12 21.75C17.3848 21.75 21.75 17.3848 21.75 12C21.75 6.61522 17.3848 2.25 12 2.25ZM3.75 12C3.75 7.44365 7.44365 3.75 12 3.75C16.5563 3.75 20.25 7.44365 20.25 12C20.25 16.5563 16.5563 20.25 12 20.25C7.44365 20.25 3.75 16.5563 3.75 12Z"
+                              fill-rule="evenodd"
+                            />
+                          </svg>
+                        </span>
                       </span>
-                    </span>
+                    </div>
                   </div>
                 </div>
               </div>
             </div>
-          </div>
+          </form>
           <div
             class="c29 c30"
           >
@@ -726,7 +732,7 @@ exports[`render DocumentNodes 1`] = `
               </strong>
             </div>
           </div>
-        </form>
+        </div>
         <div
           class="c12 c30 c32"
           width="100%"
diff --git a/web/packages/teleport/src/Console/DocumentNodes/useNodes.ts b/web/packages/teleport/src/Console/DocumentNodes/useNodes.ts
index 96715b486ebc..85338911bd4f 100644
--- a/web/packages/teleport/src/Console/DocumentNodes/useNodes.ts
+++ b/web/packages/teleport/src/Console/DocumentNodes/useNodes.ts
@@ -18,7 +18,6 @@
 
 import { useEffect } from 'react';
 
-import { sortLogins } from 'teleport/Nodes/useNodes';
 import {
   useUrlFiltering,
   useServerSidePagination,
@@ -103,3 +102,13 @@ export default function useNodes({ clusterId, id }: stores.DocumentNodes) {
     ...paginationProps,
   };
 }
+
+// sort logins by making 'root' as the first in the list
+export const sortLogins = (logins: string[]) => {
+  const noRoot = logins.filter(l => l !== 'root');
+  noRoot.sort();
+  if (noRoot.length === logins.length) {
+    return logins;
+  }
+  return ['root', ...noRoot];
+};
diff --git a/web/packages/teleport/src/Integrations/IntegrationList.tsx b/web/packages/teleport/src/Integrations/IntegrationList.tsx
index a7a41ccbbafa..369909cab9b7 100644
--- a/web/packages/teleport/src/Integrations/IntegrationList.tsx
+++ b/web/packages/teleport/src/Integrations/IntegrationList.tsx
@@ -18,6 +18,7 @@
 
 import React from 'react';
 import styled from 'styled-components';
+import { useHistory } from 'react-router';
 import { Link as InternalRouteLink } from 'react-router-dom';
 
 import { Box, Flex, Image } from 'design';
@@ -65,11 +66,27 @@ type Props<IntegrationLike> = {
 type IntegrationLike = Integration | Plugin | ExternalAuditStorageIntegration;
 
 export function IntegrationList(props: Props<IntegrationLike>) {
+  const history = useHistory();
+
+  function handleRowClick(row: IntegrationLike) {
+    if (row.kind !== 'okta') return;
+    history.push(cfg.getIntegrationStatusRoute(row.kind, row.name));
+  }
+
+  function getRowStyle(row: IntegrationLike): React.CSSProperties {
+    if (row.kind !== 'okta') return;
+    return { cursor: 'pointer' };
+  }
+
   return (
     <Table
       pagination={{ pageSize: 20 }}
       isSearchable
       data={props.list}
+      row={{
+        onClick: handleRowClick,
+        getStyle: getRowStyle,
+      }}
       columns={[
         {
           key: 'resourceType',
@@ -98,6 +115,15 @@ export function IntegrationList(props: Props<IntegrationLike>) {
               return (
                 <Cell align="right">
                   <MenuButton>
+                    {/* Currently, only okta supports status pages */}
+                    {item.kind === 'okta' && (
+                      <MenuItem
+                        as={InternalRouteLink}
+                        to={cfg.getIntegrationStatusRoute(item.kind, item.name)}
+                      >
+                        View Status
+                      </MenuItem>
+                    )}
                     <MenuItem onClick={() => props.onDeletePlugin(item)}>
                       Delete...
                     </MenuItem>
diff --git a/web/packages/teleport/src/LocksV2/Locks/Locks.test.tsx b/web/packages/teleport/src/LocksV2/Locks/Locks.test.tsx
index 418ea6885148..6dd1a13c796a 100644
--- a/web/packages/teleport/src/LocksV2/Locks/Locks.test.tsx
+++ b/web/packages/teleport/src/LocksV2/Locks/Locks.test.tsx
@@ -72,9 +72,11 @@ test('lock search', async () => {
   expect(rows).toHaveLength(3);
 
   // Test searching.
-  fireEvent.change(screen.getByPlaceholderText(/search/i), {
+  const search = screen.getByPlaceholderText(/search/i);
+  fireEvent.change(search, {
     target: { value: 'lock-role' },
   });
+  fireEvent.submit(search);
 
   expect(screen.queryAllByText(/lock-role/i)).toHaveLength(2);
   expect(screen.queryByText(/lock-user/i)).not.toBeInTheDocument();
diff --git a/web/packages/teleport/src/LocksV2/NewLock/ResourceList/ServerSideSupportedList/ServerSideSupportedList.tsx b/web/packages/teleport/src/LocksV2/NewLock/ResourceList/ServerSideSupportedList/ServerSideSupportedList.tsx
index 66075725b380..e7e6848b18e4 100644
--- a/web/packages/teleport/src/LocksV2/NewLock/ResourceList/ServerSideSupportedList/ServerSideSupportedList.tsx
+++ b/web/packages/teleport/src/LocksV2/NewLock/ResourceList/ServerSideSupportedList/ServerSideSupportedList.tsx
@@ -153,7 +153,6 @@ export function ServerSideSupportedList(props: CommonListProps) {
         }}
         hideAdvancedSearch={props.selectedResourceKind === 'role'} // Roles don't support advanced search.
         filter={resourceFilter}
-        showSearchBar={true}
         disableSearch={fetchStatus === 'loading'}
       />
       {table}
diff --git a/web/packages/teleport/src/Nodes/Nodes.story.test.tsx b/web/packages/teleport/src/Nodes/Nodes.story.test.tsx
deleted file mode 100644
index 8b1fb857c959..000000000000
--- a/web/packages/teleport/src/Nodes/Nodes.story.test.tsx
+++ /dev/null
@@ -1,42 +0,0 @@
-/**
- * Teleport
- * Copyright (C) 2023  Gravitational, Inc.
- *
- * This program is free software: you can redistribute it and/or modify
- * it under the terms of the GNU Affero General Public License as published by
- * the Free Software Foundation, either version 3 of the License, or
- * (at your option) any later version.
- *
- * This program is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
- * GNU Affero General Public License for more details.
- *
- * You should have received a copy of the GNU Affero General Public License
- * along with this program.  If not, see <http://www.gnu.org/licenses/>.
- */
-
-import React from 'react';
-import { render } from 'design/utils/testing';
-
-import { Loaded, Failed, Empty, EmptyReadOnly } from './Nodes.story';
-
-test('loaded', () => {
-  const { container } = render(<Loaded />);
-  expect(container.firstChild).toMatchSnapshot();
-});
-
-test('failed', () => {
-  const { container } = render(<Failed />);
-  expect(container.firstChild).toMatchSnapshot();
-});
-
-test('empty state', () => {
-  const { container } = render(<Empty />);
-  expect(container).toMatchSnapshot();
-});
-
-test('readonly empty state', () => {
-  const { container } = render(<EmptyReadOnly />);
-  expect(container).toMatchSnapshot();
-});
diff --git a/web/packages/teleport/src/Nodes/Nodes.story.tsx b/web/packages/teleport/src/Nodes/Nodes.story.tsx
deleted file mode 100644
index 4b313fa6fadd..000000000000
--- a/web/packages/teleport/src/Nodes/Nodes.story.tsx
+++ /dev/null
@@ -1,109 +0,0 @@
-/**
- * Teleport
- * Copyright (C) 2023  Gravitational, Inc.
- *
- * This program is free software: you can redistribute it and/or modify
- * it under the terms of the GNU Affero General Public License as published by
- * the Free Software Foundation, either version 3 of the License, or
- * (at your option) any later version.
- *
- * This program is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
- * GNU Affero General Public License for more details.
- *
- * You should have received a copy of the GNU Affero General Public License
- * along with this program.  If not, see <http://www.gnu.org/licenses/>.
- */
-
-import React from 'react';
-import { MemoryRouter } from 'react-router';
-
-import { Nodes } from './Nodes';
-import { State } from './useNodes';
-import { nodes } from './fixtures';
-
-export default {
-  title: 'Teleport/Nodes',
-  excludeStories: ['props'],
-};
-
-export const Loaded = () => (
-  <MemoryRouter>
-    <Nodes {...props} />
-  </MemoryRouter>
-);
-
-export const Empty = () => (
-  <MemoryRouter>
-    <Nodes
-      {...props}
-      fetchedData={{ agents: [], totalCount: 0 }}
-      isSearchEmpty={true}
-    />
-  </MemoryRouter>
-);
-
-export const EmptyReadOnly = () => (
-  <MemoryRouter>
-    <Nodes
-      {...props}
-      fetchedData={{ agents: [], totalCount: 0 }}
-      isSearchEmpty={true}
-      canCreate={false}
-    />
-  </MemoryRouter>
-);
-
-export const Loading = () => (
-  <MemoryRouter>
-    <Nodes {...props} attempt={{ status: 'processing' }} />
-  </MemoryRouter>
-);
-
-export const Failed = () => (
-  <MemoryRouter>
-    <Nodes
-      {...props}
-      attempt={{ status: 'failed', statusText: 'some error message' }}
-    />
-  </MemoryRouter>
-);
-
-const props: State = {
-  fetchedData: {
-    agents: nodes,
-    totalCount: nodes.length,
-  },
-  fetchStatus: '',
-  isLeafCluster: false,
-  canCreate: true,
-  attempt: { status: 'success' },
-  getNodeLoginOptions: () => [{ login: 'root', url: 'fd' }],
-  startSshSession: () => null,
-  clusterId: 'im-a-cluster',
-  fetchNext: () => null,
-  fetchPrev: () => null,
-  pageSize: 15,
-  pageIndicators: {
-    from: 1,
-    to: nodes.length,
-    totalCount: nodes.length,
-  },
-  page: {
-    index: 0,
-    keys: [],
-  },
-  params: {
-    search: '',
-    query: '',
-    sort: { fieldName: 'hostname', dir: 'ASC' },
-  },
-  modifyFetchedData: () => null,
-  setParams: () => null,
-  setSort: () => null,
-  pathname: '',
-  replaceHistory: () => null,
-  isSearchEmpty: false,
-  onLabelClick: () => null,
-};
diff --git a/web/packages/teleport/src/Nodes/Nodes.tsx b/web/packages/teleport/src/Nodes/Nodes.tsx
deleted file mode 100644
index e153a9f08476..000000000000
--- a/web/packages/teleport/src/Nodes/Nodes.tsx
+++ /dev/null
@@ -1,136 +0,0 @@
-/**
- * Teleport
- * Copyright (C) 2023  Gravitational, Inc.
- *
- * This program is free software: you can redistribute it and/or modify
- * it under the terms of the GNU Affero General Public License as published by
- * the Free Software Foundation, either version 3 of the License, or
- * (at your option) any later version.
- *
- * This program is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
- * GNU Affero General Public License for more details.
- *
- * You should have received a copy of the GNU Affero General Public License
- * along with this program.  If not, see <http://www.gnu.org/licenses/>.
- */
-
-import React from 'react';
-import { Box, Indicator } from 'design';
-
-import {
-  FeatureBox,
-  FeatureHeader,
-  FeatureHeaderTitle,
-} from 'teleport/components/Layout';
-import Empty, { EmptyStateInfo } from 'teleport/components/Empty';
-import NodeList from 'teleport/components/NodeList';
-import ErrorMessage from 'teleport/components/AgentErrorMessage';
-import useTeleport from 'teleport/useTeleport';
-import AgentButtonAdd from 'teleport/components/AgentButtonAdd';
-
-import { SearchResource } from 'teleport/Discover/SelectResource';
-
-import { State, useNodes } from './useNodes';
-
-export default function Container() {
-  const teleCtx = useTeleport();
-  const state = useNodes(teleCtx);
-  return <Nodes {...state} />;
-}
-
-export function Nodes(props: State) {
-  const {
-    fetchedData,
-    getNodeLoginOptions,
-    startSshSession,
-    attempt,
-    canCreate,
-    isLeafCluster,
-    clusterId,
-    fetchNext,
-    fetchPrev,
-    params,
-    pageSize,
-    setParams,
-    setSort,
-    pathname,
-    replaceHistory,
-    fetchStatus,
-    isSearchEmpty,
-    pageIndicators,
-    onLabelClick,
-  } = props;
-
-  function onLoginSelect(e: React.MouseEvent, login: string, serverId: string) {
-    e.preventDefault();
-    startSshSession(login, serverId);
-  }
-
-  const hasNoNodes =
-    attempt.status === 'success' &&
-    fetchedData.agents.length === 0 &&
-    isSearchEmpty;
-
-  return (
-    <FeatureBox>
-      <FeatureHeader alignItems="center" justifyContent="space-between">
-        <FeatureHeaderTitle>Servers</FeatureHeaderTitle>
-        {attempt.status === 'success' && !hasNoNodes && (
-          <AgentButtonAdd
-            agent={SearchResource.SERVER}
-            beginsWithVowel={false}
-            isLeafCluster={isLeafCluster}
-            canCreate={canCreate}
-          />
-        )}
-      </FeatureHeader>
-      {attempt.status === 'failed' && (
-        <ErrorMessage message={attempt.statusText} />
-      )}
-      {attempt.status === 'processing' && (
-        <Box textAlign="center" m={10}>
-          <Indicator />
-        </Box>
-      )}
-      {attempt.status !== 'processing' && !hasNoNodes && (
-        <NodeList
-          nodes={fetchedData.agents}
-          onLoginMenuOpen={getNodeLoginOptions}
-          onLoginSelect={onLoginSelect}
-          fetchNext={fetchNext}
-          fetchPrev={fetchPrev}
-          fetchStatus={fetchStatus}
-          pageSize={pageSize}
-          pageIndicators={pageIndicators}
-          params={params}
-          setParams={setParams}
-          setSort={setSort}
-          pathname={pathname}
-          replaceHistory={replaceHistory}
-          onLabelClick={onLabelClick}
-        />
-      )}
-      {attempt.status === 'success' && hasNoNodes && (
-        <Empty
-          clusterId={clusterId}
-          canCreate={canCreate && !isLeafCluster}
-          emptyStateInfo={emptyStateInfo}
-        />
-      )}
-    </FeatureBox>
-  );
-}
-
-const emptyStateInfo: EmptyStateInfo = {
-  title: 'Add your first server to Teleport',
-  byline:
-    'Teleport Server Access consolidates SSH access across all environments.',
-  docsURL: 'https://goteleport.com/docs/server-access/getting-started/',
-  resourceType: SearchResource.SERVER,
-  readOnly: {
-    title: 'No Servers Found',
-    resource: 'servers',
-  },
-};
diff --git a/web/packages/teleport/src/Nodes/__snapshots__/Nodes.story.test.tsx.snap b/web/packages/teleport/src/Nodes/__snapshots__/Nodes.story.test.tsx.snap
deleted file mode 100644
index b6a8c5e507e8..000000000000
--- a/web/packages/teleport/src/Nodes/__snapshots__/Nodes.story.test.tsx.snap
+++ /dev/null
@@ -1,2884 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`empty state 1`] = `
-.c0 {
-  box-sizing: border-box;
-  padding-left: 40px;
-  padding-right: 40px;
-}
-
-.c3 {
-  box-sizing: border-box;
-  margin-bottom: 24px;
-}
-
-.c8 {
-  box-sizing: border-box;
-  margin-left: auto;
-  margin-right: auto;
-  padding: 56px;
-  padding-top: 32px;
-  width: 100%;
-}
-
-.c10 {
-  box-sizing: border-box;
-  max-width: 600px;
-}
-
-.c11 {
-  box-sizing: border-box;
-  margin-bottom: 24px;
-  text-align: center;
-}
-
-.c15 {
-  box-sizing: border-box;
-  text-align: center;
-}
-
-.c16 {
-  line-height: 1.5;
-  margin: 0;
-  display: inline-flex;
-  justify-content: center;
-  align-items: center;
-  box-sizing: border-box;
-  border: none;
-  border-radius: 4px;
-  cursor: pointer;
-  font-family: inherit;
-  font-weight: 600;
-  outline: none;
-  position: relative;
-  text-align: center;
-  text-decoration: none;
-  text-transform: uppercase;
-  transition: all 0.3s;
-  -webkit-font-smoothing: antialiased;
-  color: #000000;
-  background: #9F85FF;
-  min-height: 32px;
-  font-size: 12px;
-  padding: 0px 24px;
-  width: 224px;
-  text-transform: none;
-}
-
-.c16:hover,
-.c16:focus {
-  background: #B29DFF;
-}
-
-.c16:active {
-  background: #C5B6FF;
-}
-
-.c16:disabled {
-  background: rgba(255,255,255,0.12);
-  color: rgba(255,255,255,0.3);
-  cursor: auto;
-}
-
-.c17 {
-  line-height: 1.5;
-  margin: 0;
-  display: inline-flex;
-  justify-content: center;
-  align-items: center;
-  box-sizing: border-box;
-  border: none;
-  border-radius: 4px;
-  cursor: pointer;
-  font-family: inherit;
-  font-weight: 600;
-  outline: none;
-  position: relative;
-  text-align: center;
-  text-decoration: none;
-  text-transform: uppercase;
-  transition: all 0.3s;
-  -webkit-font-smoothing: antialiased;
-  color: #FFFFFF;
-  background: rgba(255,255,255,0);
-  border: 1px solid rgba(255,255,255,0.36);
-  min-height: 32px;
-  font-size: 12px;
-  padding: 0px 24px;
-  margin-left: 24px;
-  width: 224px;
-  text-transform: none;
-}
-
-.c17:hover,
-.c17:focus {
-  background: rgba(255,255,255,0.07);
-}
-
-.c17:active {
-  background: rgba(255,255,255,0.13);
-}
-
-.c17:disabled {
-  background: rgba(255,255,255,0.12);
-  color: rgba(255,255,255,0.3);
-  cursor: auto;
-}
-
-.c6 {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  font-weight: 300;
-  font-size: 22px;
-  line-height: 32px;
-  margin: 0px;
-}
-
-.c13 {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  font-weight: 400;
-  font-size: 16px;
-  line-height: 24px;
-  font-size: 24px;
-  margin: 0px;
-  margin-bottom: 8px;
-  font-weight: 700;
-}
-
-.c14 {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  font-size: 14px;
-  margin: 0px;
-  font-weight: 400;
-}
-
-.c12 {
-  display: block;
-  outline: none;
-  margin-bottom: 24px;
-  margin-left: auto;
-  margin-right: auto;
-  height: 160px;
-}
-
-.c1 {
-  display: flex;
-}
-
-.c4 {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-}
-
-.c9 {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-
-.c5 {
-  flex-shrink: 0;
-  border-bottom: 1px solid rgba(255,255,255,0.07);
-  height: 56px;
-  margin-left: -40px;
-  margin-right: -40px;
-  padding-left: 40px;
-  padding-right: 40px;
-}
-
-.c7 {
-  white-space: nowrap;
-}
-
-.c2 {
-  width: 100%;
-  height: 100%;
-  flex-direction: column;
-}
-
-.c2::after {
-  content: ' ';
-  padding-bottom: 24px;
-}
-
-<div>
-  <div
-    class="c0 c1 c2"
-  >
-    <div
-      class="c3 c4 c5"
-    >
-      <div
-        class="c6 c7"
-      >
-        Servers
-      </div>
-    </div>
-    <div
-      class="c8 c9 sc-gEvEer c8"
-      width="100%"
-    >
-      <div
-        class="c10"
-      >
-        <div
-          class="c11"
-        >
-          <img
-            class="c12"
-            height="160px"
-            src="file_stub"
-          />
-          <div
-            class="c13"
-            font-size="24"
-            font-weight="700"
-          >
-            Add your first server to Teleport
-          </div>
-          <div
-            class="c14"
-            font-size="14"
-            font-weight="400"
-            style="opacity: 0.6;"
-          >
-            Teleport Server Access consolidates SSH access across all environments.
-          </div>
-        </div>
-        <div
-          class="c15"
-        >
-          <a
-            href="/web/discover"
-            style="text-decoration: none;"
-          >
-            <button
-              class="c16"
-              kind="primary"
-              width="224px"
-            >
-              Add Resource
-            </button>
-          </a>
-          <a
-            class="c17"
-            href="https://goteleport.com/docs/server-access/getting-started/"
-            kind="border"
-            rel="noreferrer"
-            target="_blank"
-            width="224px"
-          >
-            View Documentation
-          </a>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`failed 1`] = `
-.c8 {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  border-radius: 2px;
-  box-sizing: border-box;
-  box-shadow: 0 1px 4px rgba(0,0,0,0.24);
-  margin: 0 0 24px 0;
-  min-height: 40px;
-  padding: 8px 16px;
-  overflow: auto;
-  word-break: break-word;
-  line-height: 1.5;
-  background: #FF6257;
-  color: #000000;
-}
-
-.c8 a {
-  color: #FFFFFF;
-}
-
-.c0 {
-  box-sizing: border-box;
-  padding-left: 40px;
-  padding-right: 40px;
-}
-
-.c3 {
-  box-sizing: border-box;
-  margin-bottom: 24px;
-}
-
-.c10 {
-  box-sizing: border-box;
-  width: 100%;
-}
-
-.c16 {
-  box-sizing: border-box;
-  padding-left: 24px;
-  padding-right: 24px;
-}
-
-.c26 {
-  box-sizing: border-box;
-  margin-bottom: 4px;
-  margin-right: 8px;
-  margin-top: 8px;
-}
-
-.c30 {
-  box-sizing: border-box;
-}
-
-.c40 {
-  box-sizing: border-box;
-  margin-top: 8px;
-}
-
-.c38 {
-  line-height: 1.5;
-  margin: 0;
-  display: inline-flex;
-  justify-content: center;
-  align-items: center;
-  box-sizing: border-box;
-  border: none;
-  border-radius: 4px;
-  cursor: pointer;
-  font-family: inherit;
-  font-weight: 600;
-  outline: none;
-  position: relative;
-  text-align: center;
-  text-decoration: none;
-  text-transform: uppercase;
-  transition: all 0.3s;
-  -webkit-font-smoothing: antialiased;
-  color: #FFFFFF;
-  background: rgba(255,255,255,0);
-  border: 1px solid rgba(255,255,255,0.36);
-  font-size: 10px;
-  min-height: 24px;
-  padding: 0px 16px;
-  height: 24px;
-}
-
-.c38:hover,
-.c38:focus {
-  background: rgba(255,255,255,0.07);
-}
-
-.c38:active {
-  background: rgba(255,255,255,0.13);
-}
-
-.c38:disabled {
-  background: rgba(255,255,255,0.12);
-  color: rgba(255,255,255,0.3);
-  cursor: auto;
-}
-
-.c31 {
-  align-items: center;
-  border: none;
-  cursor: pointer;
-  display: flex;
-  outline: none;
-  border-radius: 50%;
-  overflow: visible;
-  justify-content: center;
-  text-align: center;
-  flex: 0 0 auto;
-  background: transparent;
-  color: inherit;
-  transition: all 0.3s;
-  -webkit-font-smoothing: antialiased;
-  font-size: 16px;
-  height: 32px;
-  width: 32px;
-  margin-left: 0px;
-  margin-right: 0px;
-}
-
-.c31:disabled {
-  color: rgba(255,255,255,0.36);
-  cursor: default;
-}
-
-.c31:not(:disabled):hover,
-.c31:not(:disabled):focus {
-  background: rgba(255,255,255,0.13);
-}
-
-.c31:not(:disabled):active {
-  background: rgba(255,255,255,0.18);
-}
-
-.c33 {
-  align-items: center;
-  border: none;
-  cursor: pointer;
-  display: flex;
-  outline: none;
-  border-radius: 50%;
-  overflow: visible;
-  justify-content: center;
-  text-align: center;
-  flex: 0 0 auto;
-  background: transparent;
-  color: inherit;
-  transition: all 0.3s;
-  -webkit-font-smoothing: antialiased;
-  font-size: 16px;
-  height: 32px;
-  width: 32px;
-  margin-left: 0px;
-}
-
-.c33:disabled {
-  color: rgba(255,255,255,0.36);
-  cursor: default;
-}
-
-.c33:not(:disabled):hover,
-.c33:not(:disabled):focus {
-  background: rgba(255,255,255,0.13);
-}
-
-.c33:not(:disabled):active {
-  background: rgba(255,255,255,0.18);
-}
-
-.c24 {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-}
-
-.c39 {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  color: rgba(255,255,255,0.72);
-  margin-left: 4px;
-  margin-right: -8px;
-}
-
-.c6 {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  font-weight: 300;
-  font-size: 22px;
-  line-height: 32px;
-  margin: 0px;
-}
-
-.c22 {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  font-weight: 400;
-  font-size: 12px;
-  line-height: 16px;
-  margin: 0px;
-}
-
-.c28 {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  font-weight: 400;
-  font-size: 12px;
-  line-height: 16px;
-  margin: 0px;
-  margin-right: 4px;
-  font-weight: 500;
-}
-
-.c36 {
-  box-sizing: border-box;
-  border-radius: 10px;
-  display: inline-block;
-  font-size: 10px;
-  font-weight: 500;
-  padding: 0 8px;
-  margin: 1px 0;
-  vertical-align: middle;
-  background-color: rgba(255,255,255,0.07);
-  color: #FFFFFF;
-  font-weight: 400;
-  margin-right: 4px;
-}
-
-.c1 {
-  display: flex;
-}
-
-.c4 {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-}
-
-.c17 {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-}
-
-.c27 {
-  display: flex;
-  justify-content: flex-end;
-}
-
-.c35 {
-  display: flex;
-  flex-wrap: wrap;
-}
-
-.c18 {
-  position: relative;
-  display: flex;
-  align-items: center;
-  cursor: pointer;
-}
-
-.c18[disabled] {
-  cursor: default;
-}
-
-.c21 {
-  width: 32px;
-  height: 16px;
-  border-radius: 10px;
-  cursor: inherit;
-  flex-shrink: 0;
-  background: rgba(255,255,255,0.07);
-  transition: background 0.15s ease-in-out;
-}
-
-.c21:hover {
-  background: rgba(255,255,255,0.13);
-}
-
-.c21:active {
-  background: rgba(255,255,255,0.18);
-}
-
-.c21:before {
-  content: '';
-  position: absolute;
-  top: 50%;
-  width: 12px;
-  height: 12px;
-  transform: translate(2px,-50%);
-  border-radius: 14px;
-  background: #FFFFFF;
-  box-shadow: 0px 2px 1px -1px rgba(0,0,0,0.2),0px 1px 1px rgba(0,0,0,0.14),0px 1px 3px rgba(0,0,0,0.12);
-  transition: transform 0.05s ease-in;
-}
-
-.c19 {
-  opacity: 0;
-  position: absolute;
-  cursor: inherit;
-  z-index: -1;
-}
-
-.c19:checked + .c20:before {
-  transform: translate(18px,-50%);
-}
-
-.c19:enabled:checked + .c20 {
-  background: #00BFA6;
-}
-
-.c19:enabled:checked + .c20:hover {
-  background: #33CCB8;
-}
-
-.c19:enabled:checked + .c20:active {
-  background: #66D9CA;
-}
-
-.c19:disabled + .c20 {
-  background: rgba(255,255,255,0.07);
-}
-
-.c19:disabled + .c20:before {
-  opacity: 0.36;
-  box-shadow: none;
-}
-
-.c19:disabled:checked + .c20 {
-  background: rgba(0,191,166,0.25);
-}
-
-.c5 {
-  flex-shrink: 0;
-  border-bottom: 1px solid rgba(255,255,255,0.07);
-  height: 56px;
-  margin-left: -40px;
-  margin-right: -40px;
-  padding-left: 40px;
-  padding-right: 40px;
-}
-
-.c7 {
-  white-space: nowrap;
-}
-
-.c2 {
-  width: 100%;
-  height: 100%;
-  flex-direction: column;
-}
-
-.c2::after {
-  content: ' ';
-  padding-bottom: 24px;
-}
-
-.c34 {
-  border-collapse: collapse;
-  border-spacing: 0;
-  border-style: hidden;
-  font-size: 12px;
-  width: 100%;
-}
-
-.c34 > thead > tr > th,
-.c34 > tbody > tr > th,
-.c34 > tfoot > tr > th,
-.c34 > thead > tr > td,
-.c34 > tbody > tr > td,
-.c34 > tfoot > tr > td {
-  padding: 8px 8px;
-  vertical-align: middle;
-}
-
-.c34 > thead > tr > th:first-child,
-.c34 > tbody > tr > th:first-child,
-.c34 > tfoot > tr > th:first-child,
-.c34 > thead > tr > td:first-child,
-.c34 > tbody > tr > td:first-child,
-.c34 > tfoot > tr > td:first-child {
-  padding-left: 24px;
-}
-
-.c34 > thead > tr > th:last-child,
-.c34 > tbody > tr > th:last-child,
-.c34 > tfoot > tr > th:last-child,
-.c34 > thead > tr > td:last-child,
-.c34 > tbody > tr > td:last-child,
-.c34 > tfoot > tr > td:last-child {
-  padding-right: 24px;
-}
-
-.c34 > tbody > tr > td {
-  vertical-align: middle;
-}
-
-.c34 > thead > tr > th {
-  color: #FFFFFF;
-  font-weight: 600;
-  font-size: 14px;
-  line-height: 24px;
-  cursor: pointer;
-  padding-bottom: 0;
-  padding-top: 0;
-  text-align: left;
-  white-space: nowrap;
-}
-
-.c34 > thead > tr > th svg {
-  height: 12px;
-}
-
-.c34 > tbody > tr > td {
-  color: #FFFFFF;
-  font-weight: 300;
-  font-size: 14px;
-  line-height: 20px;
-  letter-spacing: 0.035px;
-}
-
-.c34 tbody tr {
-  transition: all 150ms;
-  position: relative;
-  border-top: 2px solid rgba(255,255,255,0.07);
-}
-
-.c34 tbody tr:hover {
-  border-top: 2px solid rgba(0,0,0,0);
-  background-color: #222C59;
-}
-
-.c34 tbody tr:hover:after {
-  box-shadow: 0px 1px 10px 0px rgba(0,0,0,0.12),0px 4px 5px 0px rgba(0,0,0,0.14),0px 2px 4px -1px rgba(0,0,0,0.20);
-  content: '';
-  position: absolute;
-  top: 0;
-  left: 0;
-  z-index: -1;
-  width: 100%;
-  height: 100%;
-}
-
-.c34 tbody tr:hover + tr {
-  border-top: 2px solid rgba(0,0,0,0);
-}
-
-.c9 {
-  display: flex;
-  flex-shrink: 0;
-  align-items: center;
-  justify-content: space-between;
-  padding: 0 0 16px 0;
-  max-height: 40px;
-  margin-top: 4px;
-}
-
-.c37 {
-  cursor: pointer;
-}
-
-.c37:hover {
-  background-color: rgba(255,255,255,0.13);
-}
-
-.c32 svg {
-  font-size: 20px;
-}
-
-.c32 svg:before {
-  padding-left: 1px;
-}
-
-.c29 {
-  flex-shrink: 1;
-  flex-grow: 0;
-  flex-basis: 0;
-}
-
-.c15 {
-  position: relative;
-  height: 100%;
-  right: 0;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  border-radius: 0 200px 200px 0;
-}
-
-.c14 {
-  position: absolute;
-  height: 100%;
-  right: 0;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  border-left: 1px solid rgba(255,255,255,0.07);
-  border-radius: 0 200px 200px 0;
-}
-
-.c12 {
-  position: relative;
-  display: flex;
-  overflow: hidden;
-  border-radius: 200px;
-  height: 100%;
-  background: transparent;
-  max-width: 725px;
-}
-
-.c11 {
-  border-radius: 200px;
-  width: 100%;
-  height: 48px;
-}
-
-.c13 {
-  border: none;
-  outline: none;
-  box-sizing: border-box;
-  font-size: 16px;
-  width: 100%;
-  transition: all 0.2s;
-  padding-left: 16px;
-  padding-right: 16px;
-  color: #FFFFFF;
-  background: rgba(255,255,255,0.07);
-  padding-right: 184px;
-  padding-left: 24px;
-}
-
-.c25 {
-  height: 18px;
-  width: 18px;
-  color: inherit;
-}
-
-.c23 {
-  vertical-align: middle;
-  display: inline-block;
-  height: 18px;
-}
-
-.c23:hover {
-  cursor: pointer;
-}
-
-<div
-  class="c0 c1 c2"
->
-  <div
-    class="c3 c4 c5"
-  >
-    <div
-      class="c6 c7"
-    >
-      Servers
-    </div>
-  </div>
-  <div
-    class="c8"
-    kind="danger"
-  >
-    <div>
-      some error message
-    </div>
-  </div>
-  <nav
-    class="c9"
-  >
-    <form
-      class="c10 c4"
-      width="100%"
-    >
-      <div
-        class="c11"
-      >
-        <div
-          class="c12"
-        >
-          <input
-            class="c13"
-            placeholder="Search..."
-            value=""
-          />
-          <div
-            class="c14"
-          >
-            <div
-              class="c15"
-            >
-              <div
-                class="c16 c17"
-              >
-                <label
-                  class="c18"
-                >
-                  <input
-                    class="c19"
-                    data-testid="toggle"
-                    type="checkbox"
-                  />
-                  <div
-                    class="c20 c21"
-                  />
-                </label>
-                <div
-                  class="c22"
-                >
-                  Advanced
-                </div>
-                <span
-                  class="c23"
-                  role="icon"
-                >
-                  <span
-                    class="c24 c25"
-                  >
-                    <svg
-                      fill="currentColor"
-                      height="20"
-                      viewBox="0 0 24 24"
-                      width="20"
-                    >
-                      <path
-                        d="M11.625 8.8125C12.1428 8.8125 12.5625 8.39277 12.5625 7.875C12.5625 7.35723 12.1428 6.9375 11.625 6.9375C11.1072 6.9375 10.6875 7.35723 10.6875 7.875C10.6875 8.39277 11.1072 8.8125 11.625 8.8125Z"
-                      />
-                      <path
-                        d="M10.5 11.25C10.5 10.8358 10.8358 10.5 11.25 10.5C11.6478 10.5 12.0294 10.658 12.3107 10.9393C12.592 11.2206 12.75 11.6022 12.75 12V15.75C13.1642 15.75 13.5 16.0858 13.5 16.5C13.5 16.9142 13.1642 17.25 12.75 17.25C12.3522 17.25 11.9706 17.092 11.6893 16.8107C11.408 16.5294 11.25 16.1478 11.25 15.75V12C10.8358 12 10.5 11.6642 10.5 11.25Z"
-                      />
-                      <path
-                        clip-rule="evenodd"
-                        d="M12 2.25C6.61522 2.25 2.25 6.61522 2.25 12C2.25 17.3848 6.61522 21.75 12 21.75C17.3848 21.75 21.75 17.3848 21.75 12C21.75 6.61522 17.3848 2.25 12 2.25ZM3.75 12C3.75 7.44365 7.44365 3.75 12 3.75C16.5563 3.75 20.25 7.44365 20.25 12C20.25 16.5563 16.5563 20.25 12 20.25C7.44365 20.25 3.75 16.5563 3.75 12Z"
-                        fill-rule="evenodd"
-                      />
-                    </svg>
-                  </span>
-                </span>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-      <div
-        class="c26 c27"
-      >
-        <div
-          class="c28"
-          font-weight="500"
-          style="white-space: nowrap; letter-spacing: 0.15px;"
-        >
-          Showing 
-          <strong>
-            1
-          </strong>
-           - 
-          <strong>
-            7
-          </strong>
-           of
-           
-          <strong>
-            7
-          </strong>
-        </div>
-      </div>
-    </form>
-    <div
-      class="c10 c27 c29"
-      width="100%"
-    >
-      <div
-        class="c30 c1"
-      >
-        <button
-          class="c31 c32"
-          title="Previous page"
-        >
-          <span
-            class="c24 icon icon-circlearrowleft"
-          >
-            <svg
-              fill="currentColor"
-              height="24"
-              viewBox="0 0 24 24"
-              width="24"
-            >
-              <path
-                d="M10.0607 11.25L11.7803 9.53033C12.0732 9.23744 12.0732 8.76256 11.7803 8.46967C11.4874 8.17678 11.0126 8.17678 10.7197 8.46967L7.71967 11.4697C7.64776 11.5416 7.59351 11.6245 7.55691 11.7129C7.52024 11.8013 7.5 11.8983 7.5 12C7.5 12.1017 7.52024 12.1987 7.55691 12.2871C7.59351 12.3755 7.64776 12.4584 7.71967 12.5303L10.7197 15.5303C11.0126 15.8232 11.4874 15.8232 11.7803 15.5303C12.0732 15.2374 12.0732 14.7626 11.7803 14.4697L10.0607 12.75H15.75C16.1642 12.75 16.5 12.4142 16.5 12C16.5 11.5858 16.1642 11.25 15.75 11.25H10.0607Z"
-              />
-              <path
-                clip-rule="evenodd"
-                d="M2.25 12C2.25 6.61522 6.61522 2.25 12 2.25C17.3848 2.25 21.75 6.61522 21.75 12C21.75 17.3848 17.3848 21.75 12 21.75C6.61522 21.75 2.25 17.3848 2.25 12ZM12 3.75C7.44365 3.75 3.75 7.44365 3.75 12C3.75 16.5563 7.44365 20.25 12 20.25C16.5563 20.25 20.25 16.5563 20.25 12C20.25 7.44365 16.5563 3.75 12 3.75Z"
-                fill-rule="evenodd"
-              />
-            </svg>
-          </span>
-        </button>
-        <button
-          class="c33 c32"
-          title="Next page"
-        >
-          <span
-            class="c24 icon icon-circlearrowright"
-          >
-            <svg
-              fill="currentColor"
-              height="24"
-              viewBox="0 0 24 24"
-              width="24"
-            >
-              <path
-                clip-rule="evenodd"
-                d="M12 3.75C7.44365 3.75 3.75 7.44365 3.75 12C3.75 16.5563 7.44365 20.25 12 20.25C16.5563 20.25 20.25 16.5563 20.25 12C20.25 7.44365 16.5563 3.75 12 3.75ZM2.25 12C2.25 6.61522 6.61522 2.25 12 2.25C17.3848 2.25 21.75 6.61522 21.75 12C21.75 17.3848 17.3848 21.75 12 21.75C6.61522 21.75 2.25 17.3848 2.25 12ZM7.5 12C7.5 11.5858 7.83579 11.25 8.25 11.25H13.9393L12.2197 9.53033C11.9268 9.23744 11.9268 8.76256 12.2197 8.46967C12.5126 8.17678 12.9874 8.17678 13.2803 8.46967L16.2803 11.4697C16.3522 11.5416 16.4065 11.6245 16.4431 11.7129C16.4798 11.8013 16.5 11.8983 16.5 12C16.5 12.1017 16.4798 12.1987 16.4431 12.2871C16.4065 12.3755 16.3522 12.4584 16.2803 12.5303L13.2803 15.5303C12.9874 15.8232 12.5126 15.8232 12.2197 15.5303C11.9268 15.2374 11.9268 14.7626 12.2197 14.4697L13.9393 12.75H8.25C7.83579 12.75 7.5 12.4142 7.5 12Z"
-                fill-rule="evenodd"
-              />
-            </svg>
-          </span>
-        </button>
-      </div>
-    </div>
-  </nav>
-  <table
-    class="c34"
-  >
-    <thead>
-      <tr>
-        <th>
-          <a
-            style="display: flex; align-items: center;"
-          >
-            Hostname
-            <span
-              class="c24 icon icon-chevronup"
-              title="sort items asc"
-            >
-              <svg
-                fill="currentColor"
-                height="24"
-                viewBox="0 0 24 24"
-                width="24"
-              >
-                <path
-                  clip-rule="evenodd"
-                  d="M11.4697 6.96967C11.7626 6.67678 12.2374 6.67678 12.5303 6.96967L20.0303 14.4697C20.3232 14.7626 20.3232 15.2374 20.0303 15.5303C19.7374 15.8232 19.2626 15.8232 18.9697 15.5303L12 8.56066L5.03033 15.5303C4.73744 15.8232 4.26256 15.8232 3.96967 15.5303C3.67678 15.2374 3.67678 14.7626 3.96967 14.4697L11.4697 6.96967Z"
-                  fill-rule="evenodd"
-                />
-              </svg>
-            </span>
-          </a>
-        </th>
-        <th
-          style="cursor: default;"
-        >
-          Address
-        </th>
-        <th
-          style="cursor: default;"
-        >
-          Labels
-        </th>
-        <th
-          style="cursor: default;"
-        />
-      </tr>
-    </thead>
-    <tbody>
-      <tr>
-        <td>
-          fujedu
-        </td>
-        <td>
-          172.10.1.20:3022
-        </td>
-        <td>
-          <div
-            class="c30 c35"
-          >
-            <div
-              class="c36 c37"
-              kind="secondary"
-            >
-              cluster: one
-            </div>
-            <div
-              class="c36 c37"
-              kind="secondary"
-            >
-              kernel: 4.15.0-51-generic
-            </div>
-          </div>
-        </td>
-        <td
-          align="right"
-        >
-          <button
-            class="c38"
-            height="24px"
-            kind="border"
-          >
-            Connect
-            <span
-              class="c39 icon icon-chevrondown"
-              color="text.slightlyMuted"
-            >
-              <svg
-                fill="currentColor"
-                height="16"
-                viewBox="0 0 24 24"
-                width="16"
-              >
-                <path
-                  clip-rule="evenodd"
-                  d="M3.96967 8.46967C4.26256 8.17678 4.73744 8.17678 5.03033 8.46967L12 15.4393L18.9697 8.46967C19.2626 8.17678 19.7374 8.17678 20.0303 8.46967C20.3232 8.76256 20.3232 9.23744 20.0303 9.53033L12.5303 17.0303C12.2374 17.3232 11.7626 17.3232 11.4697 17.0303L3.96967 9.53033C3.67678 9.23744 3.67678 8.76256 3.96967 8.46967Z"
-                  fill-rule="evenodd"
-                />
-              </svg>
-            </span>
-          </button>
-        </td>
-      </tr>
-      <tr>
-        <td>
-          facuzguv
-        </td>
-        <td>
-          172.10.1.1:3022
-        </td>
-        <td>
-          <div
-            class="c30 c35"
-          >
-            <div
-              class="c36 c37"
-              kind="secondary"
-            >
-              cluster: one
-            </div>
-            <div
-              class="c36 c37"
-              kind="secondary"
-            >
-              kernel: 4.15.0-51-generic
-            </div>
-          </div>
-        </td>
-        <td
-          align="right"
-        >
-          <button
-            class="c38"
-            height="24px"
-            kind="border"
-          >
-            Connect
-            <span
-              class="c39 icon icon-chevrondown"
-              color="text.slightlyMuted"
-            >
-              <svg
-                fill="currentColor"
-                height="16"
-                viewBox="0 0 24 24"
-                width="16"
-              >
-                <path
-                  clip-rule="evenodd"
-                  d="M3.96967 8.46967C4.26256 8.17678 4.73744 8.17678 5.03033 8.46967L12 15.4393L18.9697 8.46967C19.2626 8.17678 19.7374 8.17678 20.0303 8.46967C20.3232 8.76256 20.3232 9.23744 20.0303 9.53033L12.5303 17.0303C12.2374 17.3232 11.7626 17.3232 11.4697 17.0303L3.96967 9.53033C3.67678 9.23744 3.67678 8.76256 3.96967 8.46967Z"
-                  fill-rule="evenodd"
-                />
-              </svg>
-            </span>
-          </button>
-        </td>
-      </tr>
-      <tr>
-        <td>
-          duzsevkig
-        </td>
-        <td>
-          172.10.1.1:3022
-        </td>
-        <td>
-          <div
-            class="c30 c35"
-          >
-            <div
-              class="c36 c37"
-              kind="secondary"
-            >
-              cluster: one
-            </div>
-            <div
-              class="c36 c37"
-              kind="secondary"
-            >
-              kernel: 4.15.0-51-generic
-            </div>
-          </div>
-        </td>
-        <td
-          align="right"
-        >
-          <button
-            class="c38"
-            height="24px"
-            kind="border"
-          >
-            Connect
-            <span
-              class="c39 icon icon-chevrondown"
-              color="text.slightlyMuted"
-            >
-              <svg
-                fill="currentColor"
-                height="16"
-                viewBox="0 0 24 24"
-                width="16"
-              >
-                <path
-                  clip-rule="evenodd"
-                  d="M3.96967 8.46967C4.26256 8.17678 4.73744 8.17678 5.03033 8.46967L12 15.4393L18.9697 8.46967C19.2626 8.17678 19.7374 8.17678 20.0303 8.46967C20.3232 8.76256 20.3232 9.23744 20.0303 9.53033L12.5303 17.0303C12.2374 17.3232 11.7626 17.3232 11.4697 17.0303L3.96967 9.53033C3.67678 9.23744 3.67678 8.76256 3.96967 8.46967Z"
-                  fill-rule="evenodd"
-                />
-              </svg>
-            </span>
-          </button>
-        </td>
-      </tr>
-      <tr>
-        <td>
-          kuhinur
-        </td>
-        <td>
-          172.10.1.1:3022
-        </td>
-        <td>
-          <div
-            class="c30 c35"
-          >
-            <div
-              class="c36 c37"
-              kind="secondary"
-            >
-              cluster: one
-            </div>
-            <div
-              class="c36 c37"
-              kind="secondary"
-            >
-              kernel: 4.15.0-51-generic
-            </div>
-          </div>
-        </td>
-        <td
-          align="right"
-        >
-          <button
-            class="c38"
-            height="24px"
-            kind="border"
-          >
-            Connect
-            <span
-              class="c39 icon icon-chevrondown"
-              color="text.slightlyMuted"
-            >
-              <svg
-                fill="currentColor"
-                height="16"
-                viewBox="0 0 24 24"
-                width="16"
-              >
-                <path
-                  clip-rule="evenodd"
-                  d="M3.96967 8.46967C4.26256 8.17678 4.73744 8.17678 5.03033 8.46967L12 15.4393L18.9697 8.46967C19.2626 8.17678 19.7374 8.17678 20.0303 8.46967C20.3232 8.76256 20.3232 9.23744 20.0303 9.53033L12.5303 17.0303C12.2374 17.3232 11.7626 17.3232 11.4697 17.0303L3.96967 9.53033C3.67678 9.23744 3.67678 8.76256 3.96967 8.46967Z"
-                  fill-rule="evenodd"
-                />
-              </svg>
-            </span>
-          </button>
-        </td>
-      </tr>
-      <tr>
-        <td>
-          zebpecda
-        </td>
-        <td>
-          172.10.1.1:3022
-        </td>
-        <td>
-          <div
-            class="c30 c35"
-          >
-            <div
-              class="c36 c37"
-              kind="secondary"
-            >
-              cluster: one
-            </div>
-            <div
-              class="c36 c37"
-              kind="secondary"
-            >
-              kernel: 4.15.0-51-generic
-            </div>
-          </div>
-        </td>
-        <td
-          align="right"
-        >
-          <button
-            class="c38"
-            height="24px"
-            kind="border"
-          >
-            Connect
-            <span
-              class="c39 icon icon-chevrondown"
-              color="text.slightlyMuted"
-            >
-              <svg
-                fill="currentColor"
-                height="16"
-                viewBox="0 0 24 24"
-                width="16"
-              >
-                <path
-                  clip-rule="evenodd"
-                  d="M3.96967 8.46967C4.26256 8.17678 4.73744 8.17678 5.03033 8.46967L12 15.4393L18.9697 8.46967C19.2626 8.17678 19.7374 8.17678 20.0303 8.46967C20.3232 8.76256 20.3232 9.23744 20.0303 9.53033L12.5303 17.0303C12.2374 17.3232 11.7626 17.3232 11.4697 17.0303L3.96967 9.53033C3.67678 9.23744 3.67678 8.76256 3.96967 8.46967Z"
-                  fill-rule="evenodd"
-                />
-              </svg>
-            </span>
-          </button>
-        </td>
-      </tr>
-      <tr>
-        <td>
-          zebpecda
-        </td>
-        <td>
-          <span
-            style="cursor: default; white-space: nowrap;"
-            title="This node is connected to cluster through reverse tunnel"
-          >
-            ← tunnel
-          </span>
-        </td>
-        <td>
-          <div
-            class="c30 c35"
-          >
-            <div
-              class="c36 c37"
-              kind="secondary"
-            >
-              cluster: one
-            </div>
-            <div
-              class="c36 c37"
-              kind="secondary"
-            >
-              kernel: 4.15.0-51-generic
-            </div>
-          </div>
-        </td>
-        <td
-          align="right"
-        >
-          <button
-            class="c38"
-            height="24px"
-            kind="border"
-          >
-            Connect
-            <span
-              class="c39 icon icon-chevrondown"
-              color="text.slightlyMuted"
-            >
-              <svg
-                fill="currentColor"
-                height="16"
-                viewBox="0 0 24 24"
-                width="16"
-              >
-                <path
-                  clip-rule="evenodd"
-                  d="M3.96967 8.46967C4.26256 8.17678 4.73744 8.17678 5.03033 8.46967L12 15.4393L18.9697 8.46967C19.2626 8.17678 19.7374 8.17678 20.0303 8.46967C20.3232 8.76256 20.3232 9.23744 20.0303 9.53033L12.5303 17.0303C12.2374 17.3232 11.7626 17.3232 11.4697 17.0303L3.96967 9.53033C3.67678 9.23744 3.67678 8.76256 3.96967 8.46967Z"
-                  fill-rule="evenodd"
-                />
-              </svg>
-            </span>
-          </button>
-        </td>
-      </tr>
-      <tr>
-        <td>
-          zebpecda
-        </td>
-        <td>
-          <span
-            style="cursor: default; white-space: nowrap;"
-            title="This node is connected to cluster through reverse tunnel"
-          >
-            ← tunnel
-          </span>
-        </td>
-        <td>
-          <div
-            class="c30 c35"
-          >
-            <div
-              class="c36 c37"
-              kind="secondary"
-            >
-              cluster: one
-            </div>
-            <div
-              class="c36 c37"
-              kind="secondary"
-            >
-              kernel: 4.15.0-51-generic
-            </div>
-          </div>
-        </td>
-        <td
-          align="right"
-        >
-          <button
-            class="c38"
-            height="24px"
-            kind="border"
-          >
-            Connect
-            <span
-              class="c39 icon icon-chevrondown"
-              color="text.slightlyMuted"
-            >
-              <svg
-                fill="currentColor"
-                height="16"
-                viewBox="0 0 24 24"
-                width="16"
-              >
-                <path
-                  clip-rule="evenodd"
-                  d="M3.96967 8.46967C4.26256 8.17678 4.73744 8.17678 5.03033 8.46967L12 15.4393L18.9697 8.46967C19.2626 8.17678 19.7374 8.17678 20.0303 8.46967C20.3232 8.76256 20.3232 9.23744 20.0303 9.53033L12.5303 17.0303C12.2374 17.3232 11.7626 17.3232 11.4697 17.0303L3.96967 9.53033C3.67678 9.23744 3.67678 8.76256 3.96967 8.46967Z"
-                  fill-rule="evenodd"
-                />
-              </svg>
-            </span>
-          </button>
-        </td>
-      </tr>
-    </tbody>
-  </table>
-  <div
-    class="c40"
-  >
-    <div
-      class="c10 c27 c29"
-      width="100%"
-    >
-      <div
-        class="c30 c1"
-      >
-        <button
-          class="c31 c32"
-          title="Previous page"
-        >
-          <span
-            class="c24 icon icon-circlearrowleft"
-          >
-            <svg
-              fill="currentColor"
-              height="24"
-              viewBox="0 0 24 24"
-              width="24"
-            >
-              <path
-                d="M10.0607 11.25L11.7803 9.53033C12.0732 9.23744 12.0732 8.76256 11.7803 8.46967C11.4874 8.17678 11.0126 8.17678 10.7197 8.46967L7.71967 11.4697C7.64776 11.5416 7.59351 11.6245 7.55691 11.7129C7.52024 11.8013 7.5 11.8983 7.5 12C7.5 12.1017 7.52024 12.1987 7.55691 12.2871C7.59351 12.3755 7.64776 12.4584 7.71967 12.5303L10.7197 15.5303C11.0126 15.8232 11.4874 15.8232 11.7803 15.5303C12.0732 15.2374 12.0732 14.7626 11.7803 14.4697L10.0607 12.75H15.75C16.1642 12.75 16.5 12.4142 16.5 12C16.5 11.5858 16.1642 11.25 15.75 11.25H10.0607Z"
-              />
-              <path
-                clip-rule="evenodd"
-                d="M2.25 12C2.25 6.61522 6.61522 2.25 12 2.25C17.3848 2.25 21.75 6.61522 21.75 12C21.75 17.3848 17.3848 21.75 12 21.75C6.61522 21.75 2.25 17.3848 2.25 12ZM12 3.75C7.44365 3.75 3.75 7.44365 3.75 12C3.75 16.5563 7.44365 20.25 12 20.25C16.5563 20.25 20.25 16.5563 20.25 12C20.25 7.44365 16.5563 3.75 12 3.75Z"
-                fill-rule="evenodd"
-              />
-            </svg>
-          </span>
-        </button>
-        <button
-          class="c33 c32"
-          title="Next page"
-        >
-          <span
-            class="c24 icon icon-circlearrowright"
-          >
-            <svg
-              fill="currentColor"
-              height="24"
-              viewBox="0 0 24 24"
-              width="24"
-            >
-              <path
-                clip-rule="evenodd"
-                d="M12 3.75C7.44365 3.75 3.75 7.44365 3.75 12C3.75 16.5563 7.44365 20.25 12 20.25C16.5563 20.25 20.25 16.5563 20.25 12C20.25 7.44365 16.5563 3.75 12 3.75ZM2.25 12C2.25 6.61522 6.61522 2.25 12 2.25C17.3848 2.25 21.75 6.61522 21.75 12C21.75 17.3848 17.3848 21.75 12 21.75C6.61522 21.75 2.25 17.3848 2.25 12ZM7.5 12C7.5 11.5858 7.83579 11.25 8.25 11.25H13.9393L12.2197 9.53033C11.9268 9.23744 11.9268 8.76256 12.2197 8.46967C12.5126 8.17678 12.9874 8.17678 13.2803 8.46967L16.2803 11.4697C16.3522 11.5416 16.4065 11.6245 16.4431 11.7129C16.4798 11.8013 16.5 11.8983 16.5 12C16.5 12.1017 16.4798 12.1987 16.4431 12.2871C16.4065 12.3755 16.3522 12.4584 16.2803 12.5303L13.2803 15.5303C12.9874 15.8232 12.5126 15.8232 12.2197 15.5303C11.9268 15.2374 11.9268 14.7626 12.2197 14.4697L13.9393 12.75H8.25C7.83579 12.75 7.5 12.4142 7.5 12Z"
-                fill-rule="evenodd"
-              />
-            </svg>
-          </span>
-        </button>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`loaded 1`] = `
-.c0 {
-  box-sizing: border-box;
-  padding-left: 40px;
-  padding-right: 40px;
-}
-
-.c3 {
-  box-sizing: border-box;
-  margin-bottom: 24px;
-}
-
-.c10 {
-  box-sizing: border-box;
-  width: 100%;
-}
-
-.c16 {
-  box-sizing: border-box;
-  padding-left: 24px;
-  padding-right: 24px;
-}
-
-.c26 {
-  box-sizing: border-box;
-  margin-bottom: 4px;
-  margin-right: 8px;
-  margin-top: 8px;
-}
-
-.c30 {
-  box-sizing: border-box;
-}
-
-.c40 {
-  box-sizing: border-box;
-  margin-top: 8px;
-}
-
-.c8 {
-  line-height: 1.5;
-  margin: 0;
-  display: inline-flex;
-  justify-content: center;
-  align-items: center;
-  box-sizing: border-box;
-  border: none;
-  border-radius: 4px;
-  cursor: pointer;
-  font-family: inherit;
-  font-weight: 600;
-  outline: none;
-  position: relative;
-  text-align: center;
-  text-decoration: none;
-  text-transform: uppercase;
-  transition: all 0.3s;
-  -webkit-font-smoothing: antialiased;
-  color: #000000;
-  background: #9F85FF;
-  min-height: 32px;
-  font-size: 12px;
-  padding: 0px 24px;
-  width: 240px;
-  text-transform: none;
-}
-
-.c8:hover,
-.c8:focus {
-  background: #B29DFF;
-}
-
-.c8:active {
-  background: #C5B6FF;
-}
-
-.c8:disabled {
-  background: rgba(255,255,255,0.12);
-  color: rgba(255,255,255,0.3);
-  cursor: auto;
-}
-
-.c38 {
-  line-height: 1.5;
-  margin: 0;
-  display: inline-flex;
-  justify-content: center;
-  align-items: center;
-  box-sizing: border-box;
-  border: none;
-  border-radius: 4px;
-  cursor: pointer;
-  font-family: inherit;
-  font-weight: 600;
-  outline: none;
-  position: relative;
-  text-align: center;
-  text-decoration: none;
-  text-transform: uppercase;
-  transition: all 0.3s;
-  -webkit-font-smoothing: antialiased;
-  color: #FFFFFF;
-  background: rgba(255,255,255,0);
-  border: 1px solid rgba(255,255,255,0.36);
-  font-size: 10px;
-  min-height: 24px;
-  padding: 0px 16px;
-  height: 24px;
-}
-
-.c38:hover,
-.c38:focus {
-  background: rgba(255,255,255,0.07);
-}
-
-.c38:active {
-  background: rgba(255,255,255,0.13);
-}
-
-.c38:disabled {
-  background: rgba(255,255,255,0.12);
-  color: rgba(255,255,255,0.3);
-  cursor: auto;
-}
-
-.c31 {
-  align-items: center;
-  border: none;
-  cursor: pointer;
-  display: flex;
-  outline: none;
-  border-radius: 50%;
-  overflow: visible;
-  justify-content: center;
-  text-align: center;
-  flex: 0 0 auto;
-  background: transparent;
-  color: inherit;
-  transition: all 0.3s;
-  -webkit-font-smoothing: antialiased;
-  font-size: 16px;
-  height: 32px;
-  width: 32px;
-  margin-left: 0px;
-  margin-right: 0px;
-}
-
-.c31:disabled {
-  color: rgba(255,255,255,0.36);
-  cursor: default;
-}
-
-.c31:not(:disabled):hover,
-.c31:not(:disabled):focus {
-  background: rgba(255,255,255,0.13);
-}
-
-.c31:not(:disabled):active {
-  background: rgba(255,255,255,0.18);
-}
-
-.c33 {
-  align-items: center;
-  border: none;
-  cursor: pointer;
-  display: flex;
-  outline: none;
-  border-radius: 50%;
-  overflow: visible;
-  justify-content: center;
-  text-align: center;
-  flex: 0 0 auto;
-  background: transparent;
-  color: inherit;
-  transition: all 0.3s;
-  -webkit-font-smoothing: antialiased;
-  font-size: 16px;
-  height: 32px;
-  width: 32px;
-  margin-left: 0px;
-}
-
-.c33:disabled {
-  color: rgba(255,255,255,0.36);
-  cursor: default;
-}
-
-.c33:not(:disabled):hover,
-.c33:not(:disabled):focus {
-  background: rgba(255,255,255,0.13);
-}
-
-.c33:not(:disabled):active {
-  background: rgba(255,255,255,0.18);
-}
-
-.c24 {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-}
-
-.c39 {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  color: rgba(255,255,255,0.72);
-  margin-left: 4px;
-  margin-right: -8px;
-}
-
-.c6 {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  font-weight: 300;
-  font-size: 22px;
-  line-height: 32px;
-  margin: 0px;
-}
-
-.c22 {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  font-weight: 400;
-  font-size: 12px;
-  line-height: 16px;
-  margin: 0px;
-}
-
-.c28 {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  font-weight: 400;
-  font-size: 12px;
-  line-height: 16px;
-  margin: 0px;
-  margin-right: 4px;
-  font-weight: 500;
-}
-
-.c36 {
-  box-sizing: border-box;
-  border-radius: 10px;
-  display: inline-block;
-  font-size: 10px;
-  font-weight: 500;
-  padding: 0 8px;
-  margin: 1px 0;
-  vertical-align: middle;
-  background-color: rgba(255,255,255,0.07);
-  color: #FFFFFF;
-  font-weight: 400;
-  margin-right: 4px;
-}
-
-.c1 {
-  display: flex;
-}
-
-.c4 {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-}
-
-.c17 {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-}
-
-.c27 {
-  display: flex;
-  justify-content: flex-end;
-}
-
-.c35 {
-  display: flex;
-  flex-wrap: wrap;
-}
-
-.c18 {
-  position: relative;
-  display: flex;
-  align-items: center;
-  cursor: pointer;
-}
-
-.c18[disabled] {
-  cursor: default;
-}
-
-.c21 {
-  width: 32px;
-  height: 16px;
-  border-radius: 10px;
-  cursor: inherit;
-  flex-shrink: 0;
-  background: rgba(255,255,255,0.07);
-  transition: background 0.15s ease-in-out;
-}
-
-.c21:hover {
-  background: rgba(255,255,255,0.13);
-}
-
-.c21:active {
-  background: rgba(255,255,255,0.18);
-}
-
-.c21:before {
-  content: '';
-  position: absolute;
-  top: 50%;
-  width: 12px;
-  height: 12px;
-  transform: translate(2px,-50%);
-  border-radius: 14px;
-  background: #FFFFFF;
-  box-shadow: 0px 2px 1px -1px rgba(0,0,0,0.2),0px 1px 1px rgba(0,0,0,0.14),0px 1px 3px rgba(0,0,0,0.12);
-  transition: transform 0.05s ease-in;
-}
-
-.c19 {
-  opacity: 0;
-  position: absolute;
-  cursor: inherit;
-  z-index: -1;
-}
-
-.c19:checked + .c20:before {
-  transform: translate(18px,-50%);
-}
-
-.c19:enabled:checked + .c20 {
-  background: #00BFA6;
-}
-
-.c19:enabled:checked + .c20:hover {
-  background: #33CCB8;
-}
-
-.c19:enabled:checked + .c20:active {
-  background: #66D9CA;
-}
-
-.c19:disabled + .c20 {
-  background: rgba(255,255,255,0.07);
-}
-
-.c19:disabled + .c20:before {
-  opacity: 0.36;
-  box-shadow: none;
-}
-
-.c19:disabled:checked + .c20 {
-  background: rgba(0,191,166,0.25);
-}
-
-.c5 {
-  flex-shrink: 0;
-  border-bottom: 1px solid rgba(255,255,255,0.07);
-  height: 56px;
-  margin-left: -40px;
-  margin-right: -40px;
-  padding-left: 40px;
-  padding-right: 40px;
-}
-
-.c7 {
-  white-space: nowrap;
-}
-
-.c2 {
-  width: 100%;
-  height: 100%;
-  flex-direction: column;
-}
-
-.c2::after {
-  content: ' ';
-  padding-bottom: 24px;
-}
-
-.c34 {
-  border-collapse: collapse;
-  border-spacing: 0;
-  border-style: hidden;
-  font-size: 12px;
-  width: 100%;
-}
-
-.c34 > thead > tr > th,
-.c34 > tbody > tr > th,
-.c34 > tfoot > tr > th,
-.c34 > thead > tr > td,
-.c34 > tbody > tr > td,
-.c34 > tfoot > tr > td {
-  padding: 8px 8px;
-  vertical-align: middle;
-}
-
-.c34 > thead > tr > th:first-child,
-.c34 > tbody > tr > th:first-child,
-.c34 > tfoot > tr > th:first-child,
-.c34 > thead > tr > td:first-child,
-.c34 > tbody > tr > td:first-child,
-.c34 > tfoot > tr > td:first-child {
-  padding-left: 24px;
-}
-
-.c34 > thead > tr > th:last-child,
-.c34 > tbody > tr > th:last-child,
-.c34 > tfoot > tr > th:last-child,
-.c34 > thead > tr > td:last-child,
-.c34 > tbody > tr > td:last-child,
-.c34 > tfoot > tr > td:last-child {
-  padding-right: 24px;
-}
-
-.c34 > tbody > tr > td {
-  vertical-align: middle;
-}
-
-.c34 > thead > tr > th {
-  color: #FFFFFF;
-  font-weight: 600;
-  font-size: 14px;
-  line-height: 24px;
-  cursor: pointer;
-  padding-bottom: 0;
-  padding-top: 0;
-  text-align: left;
-  white-space: nowrap;
-}
-
-.c34 > thead > tr > th svg {
-  height: 12px;
-}
-
-.c34 > tbody > tr > td {
-  color: #FFFFFF;
-  font-weight: 300;
-  font-size: 14px;
-  line-height: 20px;
-  letter-spacing: 0.035px;
-}
-
-.c34 tbody tr {
-  transition: all 150ms;
-  position: relative;
-  border-top: 2px solid rgba(255,255,255,0.07);
-}
-
-.c34 tbody tr:hover {
-  border-top: 2px solid rgba(0,0,0,0);
-  background-color: #222C59;
-}
-
-.c34 tbody tr:hover:after {
-  box-shadow: 0px 1px 10px 0px rgba(0,0,0,0.12),0px 4px 5px 0px rgba(0,0,0,0.14),0px 2px 4px -1px rgba(0,0,0,0.20);
-  content: '';
-  position: absolute;
-  top: 0;
-  left: 0;
-  z-index: -1;
-  width: 100%;
-  height: 100%;
-}
-
-.c34 tbody tr:hover + tr {
-  border-top: 2px solid rgba(0,0,0,0);
-}
-
-.c9 {
-  display: flex;
-  flex-shrink: 0;
-  align-items: center;
-  justify-content: space-between;
-  padding: 0 0 16px 0;
-  max-height: 40px;
-  margin-top: 4px;
-}
-
-.c37 {
-  cursor: pointer;
-}
-
-.c37:hover {
-  background-color: rgba(255,255,255,0.13);
-}
-
-.c32 svg {
-  font-size: 20px;
-}
-
-.c32 svg:before {
-  padding-left: 1px;
-}
-
-.c29 {
-  flex-shrink: 1;
-  flex-grow: 0;
-  flex-basis: 0;
-}
-
-.c15 {
-  position: relative;
-  height: 100%;
-  right: 0;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  border-radius: 0 200px 200px 0;
-}
-
-.c14 {
-  position: absolute;
-  height: 100%;
-  right: 0;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  border-left: 1px solid rgba(255,255,255,0.07);
-  border-radius: 0 200px 200px 0;
-}
-
-.c12 {
-  position: relative;
-  display: flex;
-  overflow: hidden;
-  border-radius: 200px;
-  height: 100%;
-  background: transparent;
-  max-width: 725px;
-}
-
-.c11 {
-  border-radius: 200px;
-  width: 100%;
-  height: 48px;
-}
-
-.c13 {
-  border: none;
-  outline: none;
-  box-sizing: border-box;
-  font-size: 16px;
-  width: 100%;
-  transition: all 0.2s;
-  padding-left: 16px;
-  padding-right: 16px;
-  color: #FFFFFF;
-  background: rgba(255,255,255,0.07);
-  padding-right: 184px;
-  padding-left: 24px;
-}
-
-.c25 {
-  height: 18px;
-  width: 18px;
-  color: inherit;
-}
-
-.c23 {
-  vertical-align: middle;
-  display: inline-block;
-  height: 18px;
-}
-
-.c23:hover {
-  cursor: pointer;
-}
-
-<div
-  class="c0 c1 c2"
->
-  <div
-    class="c3 c4 c5"
-  >
-    <div
-      class="c6 c7"
-    >
-      Servers
-    </div>
-    <a
-      href="/web/discover"
-      style="text-decoration: none;"
-    >
-      <button
-        class="c8"
-        kind="primary"
-        title=""
-        width="240px"
-      >
-        Add server
-      </button>
-    </a>
-  </div>
-  <nav
-    class="c9"
-  >
-    <form
-      class="c10 c4"
-      width="100%"
-    >
-      <div
-        class="c11"
-      >
-        <div
-          class="c12"
-        >
-          <input
-            class="c13"
-            placeholder="Search..."
-            value=""
-          />
-          <div
-            class="c14"
-          >
-            <div
-              class="c15"
-            >
-              <div
-                class="c16 c17"
-              >
-                <label
-                  class="c18"
-                >
-                  <input
-                    class="c19"
-                    data-testid="toggle"
-                    type="checkbox"
-                  />
-                  <div
-                    class="c20 c21"
-                  />
-                </label>
-                <div
-                  class="c22"
-                >
-                  Advanced
-                </div>
-                <span
-                  class="c23"
-                  role="icon"
-                >
-                  <span
-                    class="c24 c25"
-                  >
-                    <svg
-                      fill="currentColor"
-                      height="20"
-                      viewBox="0 0 24 24"
-                      width="20"
-                    >
-                      <path
-                        d="M11.625 8.8125C12.1428 8.8125 12.5625 8.39277 12.5625 7.875C12.5625 7.35723 12.1428 6.9375 11.625 6.9375C11.1072 6.9375 10.6875 7.35723 10.6875 7.875C10.6875 8.39277 11.1072 8.8125 11.625 8.8125Z"
-                      />
-                      <path
-                        d="M10.5 11.25C10.5 10.8358 10.8358 10.5 11.25 10.5C11.6478 10.5 12.0294 10.658 12.3107 10.9393C12.592 11.2206 12.75 11.6022 12.75 12V15.75C13.1642 15.75 13.5 16.0858 13.5 16.5C13.5 16.9142 13.1642 17.25 12.75 17.25C12.3522 17.25 11.9706 17.092 11.6893 16.8107C11.408 16.5294 11.25 16.1478 11.25 15.75V12C10.8358 12 10.5 11.6642 10.5 11.25Z"
-                      />
-                      <path
-                        clip-rule="evenodd"
-                        d="M12 2.25C6.61522 2.25 2.25 6.61522 2.25 12C2.25 17.3848 6.61522 21.75 12 21.75C17.3848 21.75 21.75 17.3848 21.75 12C21.75 6.61522 17.3848 2.25 12 2.25ZM3.75 12C3.75 7.44365 7.44365 3.75 12 3.75C16.5563 3.75 20.25 7.44365 20.25 12C20.25 16.5563 16.5563 20.25 12 20.25C7.44365 20.25 3.75 16.5563 3.75 12Z"
-                        fill-rule="evenodd"
-                      />
-                    </svg>
-                  </span>
-                </span>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-      <div
-        class="c26 c27"
-      >
-        <div
-          class="c28"
-          font-weight="500"
-          style="white-space: nowrap; letter-spacing: 0.15px;"
-        >
-          Showing 
-          <strong>
-            1
-          </strong>
-           - 
-          <strong>
-            7
-          </strong>
-           of
-           
-          <strong>
-            7
-          </strong>
-        </div>
-      </div>
-    </form>
-    <div
-      class="c10 c27 c29"
-      width="100%"
-    >
-      <div
-        class="c30 c1"
-      >
-        <button
-          class="c31 c32"
-          title="Previous page"
-        >
-          <span
-            class="c24 icon icon-circlearrowleft"
-          >
-            <svg
-              fill="currentColor"
-              height="24"
-              viewBox="0 0 24 24"
-              width="24"
-            >
-              <path
-                d="M10.0607 11.25L11.7803 9.53033C12.0732 9.23744 12.0732 8.76256 11.7803 8.46967C11.4874 8.17678 11.0126 8.17678 10.7197 8.46967L7.71967 11.4697C7.64776 11.5416 7.59351 11.6245 7.55691 11.7129C7.52024 11.8013 7.5 11.8983 7.5 12C7.5 12.1017 7.52024 12.1987 7.55691 12.2871C7.59351 12.3755 7.64776 12.4584 7.71967 12.5303L10.7197 15.5303C11.0126 15.8232 11.4874 15.8232 11.7803 15.5303C12.0732 15.2374 12.0732 14.7626 11.7803 14.4697L10.0607 12.75H15.75C16.1642 12.75 16.5 12.4142 16.5 12C16.5 11.5858 16.1642 11.25 15.75 11.25H10.0607Z"
-              />
-              <path
-                clip-rule="evenodd"
-                d="M2.25 12C2.25 6.61522 6.61522 2.25 12 2.25C17.3848 2.25 21.75 6.61522 21.75 12C21.75 17.3848 17.3848 21.75 12 21.75C6.61522 21.75 2.25 17.3848 2.25 12ZM12 3.75C7.44365 3.75 3.75 7.44365 3.75 12C3.75 16.5563 7.44365 20.25 12 20.25C16.5563 20.25 20.25 16.5563 20.25 12C20.25 7.44365 16.5563 3.75 12 3.75Z"
-                fill-rule="evenodd"
-              />
-            </svg>
-          </span>
-        </button>
-        <button
-          class="c33 c32"
-          title="Next page"
-        >
-          <span
-            class="c24 icon icon-circlearrowright"
-          >
-            <svg
-              fill="currentColor"
-              height="24"
-              viewBox="0 0 24 24"
-              width="24"
-            >
-              <path
-                clip-rule="evenodd"
-                d="M12 3.75C7.44365 3.75 3.75 7.44365 3.75 12C3.75 16.5563 7.44365 20.25 12 20.25C16.5563 20.25 20.25 16.5563 20.25 12C20.25 7.44365 16.5563 3.75 12 3.75ZM2.25 12C2.25 6.61522 6.61522 2.25 12 2.25C17.3848 2.25 21.75 6.61522 21.75 12C21.75 17.3848 17.3848 21.75 12 21.75C6.61522 21.75 2.25 17.3848 2.25 12ZM7.5 12C7.5 11.5858 7.83579 11.25 8.25 11.25H13.9393L12.2197 9.53033C11.9268 9.23744 11.9268 8.76256 12.2197 8.46967C12.5126 8.17678 12.9874 8.17678 13.2803 8.46967L16.2803 11.4697C16.3522 11.5416 16.4065 11.6245 16.4431 11.7129C16.4798 11.8013 16.5 11.8983 16.5 12C16.5 12.1017 16.4798 12.1987 16.4431 12.2871C16.4065 12.3755 16.3522 12.4584 16.2803 12.5303L13.2803 15.5303C12.9874 15.8232 12.5126 15.8232 12.2197 15.5303C11.9268 15.2374 11.9268 14.7626 12.2197 14.4697L13.9393 12.75H8.25C7.83579 12.75 7.5 12.4142 7.5 12Z"
-                fill-rule="evenodd"
-              />
-            </svg>
-          </span>
-        </button>
-      </div>
-    </div>
-  </nav>
-  <table
-    class="c34"
-  >
-    <thead>
-      <tr>
-        <th>
-          <a
-            style="display: flex; align-items: center;"
-          >
-            Hostname
-            <span
-              class="c24 icon icon-chevronup"
-              title="sort items asc"
-            >
-              <svg
-                fill="currentColor"
-                height="24"
-                viewBox="0 0 24 24"
-                width="24"
-              >
-                <path
-                  clip-rule="evenodd"
-                  d="M11.4697 6.96967C11.7626 6.67678 12.2374 6.67678 12.5303 6.96967L20.0303 14.4697C20.3232 14.7626 20.3232 15.2374 20.0303 15.5303C19.7374 15.8232 19.2626 15.8232 18.9697 15.5303L12 8.56066L5.03033 15.5303C4.73744 15.8232 4.26256 15.8232 3.96967 15.5303C3.67678 15.2374 3.67678 14.7626 3.96967 14.4697L11.4697 6.96967Z"
-                  fill-rule="evenodd"
-                />
-              </svg>
-            </span>
-          </a>
-        </th>
-        <th
-          style="cursor: default;"
-        >
-          Address
-        </th>
-        <th
-          style="cursor: default;"
-        >
-          Labels
-        </th>
-        <th
-          style="cursor: default;"
-        />
-      </tr>
-    </thead>
-    <tbody>
-      <tr>
-        <td>
-          fujedu
-        </td>
-        <td>
-          172.10.1.20:3022
-        </td>
-        <td>
-          <div
-            class="c30 c35"
-          >
-            <div
-              class="c36 c37"
-              kind="secondary"
-            >
-              cluster: one
-            </div>
-            <div
-              class="c36 c37"
-              kind="secondary"
-            >
-              kernel: 4.15.0-51-generic
-            </div>
-          </div>
-        </td>
-        <td
-          align="right"
-        >
-          <button
-            class="c38"
-            height="24px"
-            kind="border"
-          >
-            Connect
-            <span
-              class="c39 icon icon-chevrondown"
-              color="text.slightlyMuted"
-            >
-              <svg
-                fill="currentColor"
-                height="16"
-                viewBox="0 0 24 24"
-                width="16"
-              >
-                <path
-                  clip-rule="evenodd"
-                  d="M3.96967 8.46967C4.26256 8.17678 4.73744 8.17678 5.03033 8.46967L12 15.4393L18.9697 8.46967C19.2626 8.17678 19.7374 8.17678 20.0303 8.46967C20.3232 8.76256 20.3232 9.23744 20.0303 9.53033L12.5303 17.0303C12.2374 17.3232 11.7626 17.3232 11.4697 17.0303L3.96967 9.53033C3.67678 9.23744 3.67678 8.76256 3.96967 8.46967Z"
-                  fill-rule="evenodd"
-                />
-              </svg>
-            </span>
-          </button>
-        </td>
-      </tr>
-      <tr>
-        <td>
-          facuzguv
-        </td>
-        <td>
-          172.10.1.1:3022
-        </td>
-        <td>
-          <div
-            class="c30 c35"
-          >
-            <div
-              class="c36 c37"
-              kind="secondary"
-            >
-              cluster: one
-            </div>
-            <div
-              class="c36 c37"
-              kind="secondary"
-            >
-              kernel: 4.15.0-51-generic
-            </div>
-          </div>
-        </td>
-        <td
-          align="right"
-        >
-          <button
-            class="c38"
-            height="24px"
-            kind="border"
-          >
-            Connect
-            <span
-              class="c39 icon icon-chevrondown"
-              color="text.slightlyMuted"
-            >
-              <svg
-                fill="currentColor"
-                height="16"
-                viewBox="0 0 24 24"
-                width="16"
-              >
-                <path
-                  clip-rule="evenodd"
-                  d="M3.96967 8.46967C4.26256 8.17678 4.73744 8.17678 5.03033 8.46967L12 15.4393L18.9697 8.46967C19.2626 8.17678 19.7374 8.17678 20.0303 8.46967C20.3232 8.76256 20.3232 9.23744 20.0303 9.53033L12.5303 17.0303C12.2374 17.3232 11.7626 17.3232 11.4697 17.0303L3.96967 9.53033C3.67678 9.23744 3.67678 8.76256 3.96967 8.46967Z"
-                  fill-rule="evenodd"
-                />
-              </svg>
-            </span>
-          </button>
-        </td>
-      </tr>
-      <tr>
-        <td>
-          duzsevkig
-        </td>
-        <td>
-          172.10.1.1:3022
-        </td>
-        <td>
-          <div
-            class="c30 c35"
-          >
-            <div
-              class="c36 c37"
-              kind="secondary"
-            >
-              cluster: one
-            </div>
-            <div
-              class="c36 c37"
-              kind="secondary"
-            >
-              kernel: 4.15.0-51-generic
-            </div>
-          </div>
-        </td>
-        <td
-          align="right"
-        >
-          <button
-            class="c38"
-            height="24px"
-            kind="border"
-          >
-            Connect
-            <span
-              class="c39 icon icon-chevrondown"
-              color="text.slightlyMuted"
-            >
-              <svg
-                fill="currentColor"
-                height="16"
-                viewBox="0 0 24 24"
-                width="16"
-              >
-                <path
-                  clip-rule="evenodd"
-                  d="M3.96967 8.46967C4.26256 8.17678 4.73744 8.17678 5.03033 8.46967L12 15.4393L18.9697 8.46967C19.2626 8.17678 19.7374 8.17678 20.0303 8.46967C20.3232 8.76256 20.3232 9.23744 20.0303 9.53033L12.5303 17.0303C12.2374 17.3232 11.7626 17.3232 11.4697 17.0303L3.96967 9.53033C3.67678 9.23744 3.67678 8.76256 3.96967 8.46967Z"
-                  fill-rule="evenodd"
-                />
-              </svg>
-            </span>
-          </button>
-        </td>
-      </tr>
-      <tr>
-        <td>
-          kuhinur
-        </td>
-        <td>
-          172.10.1.1:3022
-        </td>
-        <td>
-          <div
-            class="c30 c35"
-          >
-            <div
-              class="c36 c37"
-              kind="secondary"
-            >
-              cluster: one
-            </div>
-            <div
-              class="c36 c37"
-              kind="secondary"
-            >
-              kernel: 4.15.0-51-generic
-            </div>
-          </div>
-        </td>
-        <td
-          align="right"
-        >
-          <button
-            class="c38"
-            height="24px"
-            kind="border"
-          >
-            Connect
-            <span
-              class="c39 icon icon-chevrondown"
-              color="text.slightlyMuted"
-            >
-              <svg
-                fill="currentColor"
-                height="16"
-                viewBox="0 0 24 24"
-                width="16"
-              >
-                <path
-                  clip-rule="evenodd"
-                  d="M3.96967 8.46967C4.26256 8.17678 4.73744 8.17678 5.03033 8.46967L12 15.4393L18.9697 8.46967C19.2626 8.17678 19.7374 8.17678 20.0303 8.46967C20.3232 8.76256 20.3232 9.23744 20.0303 9.53033L12.5303 17.0303C12.2374 17.3232 11.7626 17.3232 11.4697 17.0303L3.96967 9.53033C3.67678 9.23744 3.67678 8.76256 3.96967 8.46967Z"
-                  fill-rule="evenodd"
-                />
-              </svg>
-            </span>
-          </button>
-        </td>
-      </tr>
-      <tr>
-        <td>
-          zebpecda
-        </td>
-        <td>
-          172.10.1.1:3022
-        </td>
-        <td>
-          <div
-            class="c30 c35"
-          >
-            <div
-              class="c36 c37"
-              kind="secondary"
-            >
-              cluster: one
-            </div>
-            <div
-              class="c36 c37"
-              kind="secondary"
-            >
-              kernel: 4.15.0-51-generic
-            </div>
-          </div>
-        </td>
-        <td
-          align="right"
-        >
-          <button
-            class="c38"
-            height="24px"
-            kind="border"
-          >
-            Connect
-            <span
-              class="c39 icon icon-chevrondown"
-              color="text.slightlyMuted"
-            >
-              <svg
-                fill="currentColor"
-                height="16"
-                viewBox="0 0 24 24"
-                width="16"
-              >
-                <path
-                  clip-rule="evenodd"
-                  d="M3.96967 8.46967C4.26256 8.17678 4.73744 8.17678 5.03033 8.46967L12 15.4393L18.9697 8.46967C19.2626 8.17678 19.7374 8.17678 20.0303 8.46967C20.3232 8.76256 20.3232 9.23744 20.0303 9.53033L12.5303 17.0303C12.2374 17.3232 11.7626 17.3232 11.4697 17.0303L3.96967 9.53033C3.67678 9.23744 3.67678 8.76256 3.96967 8.46967Z"
-                  fill-rule="evenodd"
-                />
-              </svg>
-            </span>
-          </button>
-        </td>
-      </tr>
-      <tr>
-        <td>
-          zebpecda
-        </td>
-        <td>
-          <span
-            style="cursor: default; white-space: nowrap;"
-            title="This node is connected to cluster through reverse tunnel"
-          >
-            ← tunnel
-          </span>
-        </td>
-        <td>
-          <div
-            class="c30 c35"
-          >
-            <div
-              class="c36 c37"
-              kind="secondary"
-            >
-              cluster: one
-            </div>
-            <div
-              class="c36 c37"
-              kind="secondary"
-            >
-              kernel: 4.15.0-51-generic
-            </div>
-          </div>
-        </td>
-        <td
-          align="right"
-        >
-          <button
-            class="c38"
-            height="24px"
-            kind="border"
-          >
-            Connect
-            <span
-              class="c39 icon icon-chevrondown"
-              color="text.slightlyMuted"
-            >
-              <svg
-                fill="currentColor"
-                height="16"
-                viewBox="0 0 24 24"
-                width="16"
-              >
-                <path
-                  clip-rule="evenodd"
-                  d="M3.96967 8.46967C4.26256 8.17678 4.73744 8.17678 5.03033 8.46967L12 15.4393L18.9697 8.46967C19.2626 8.17678 19.7374 8.17678 20.0303 8.46967C20.3232 8.76256 20.3232 9.23744 20.0303 9.53033L12.5303 17.0303C12.2374 17.3232 11.7626 17.3232 11.4697 17.0303L3.96967 9.53033C3.67678 9.23744 3.67678 8.76256 3.96967 8.46967Z"
-                  fill-rule="evenodd"
-                />
-              </svg>
-            </span>
-          </button>
-        </td>
-      </tr>
-      <tr>
-        <td>
-          zebpecda
-        </td>
-        <td>
-          <span
-            style="cursor: default; white-space: nowrap;"
-            title="This node is connected to cluster through reverse tunnel"
-          >
-            ← tunnel
-          </span>
-        </td>
-        <td>
-          <div
-            class="c30 c35"
-          >
-            <div
-              class="c36 c37"
-              kind="secondary"
-            >
-              cluster: one
-            </div>
-            <div
-              class="c36 c37"
-              kind="secondary"
-            >
-              kernel: 4.15.0-51-generic
-            </div>
-          </div>
-        </td>
-        <td
-          align="right"
-        >
-          <button
-            class="c38"
-            height="24px"
-            kind="border"
-          >
-            Connect
-            <span
-              class="c39 icon icon-chevrondown"
-              color="text.slightlyMuted"
-            >
-              <svg
-                fill="currentColor"
-                height="16"
-                viewBox="0 0 24 24"
-                width="16"
-              >
-                <path
-                  clip-rule="evenodd"
-                  d="M3.96967 8.46967C4.26256 8.17678 4.73744 8.17678 5.03033 8.46967L12 15.4393L18.9697 8.46967C19.2626 8.17678 19.7374 8.17678 20.0303 8.46967C20.3232 8.76256 20.3232 9.23744 20.0303 9.53033L12.5303 17.0303C12.2374 17.3232 11.7626 17.3232 11.4697 17.0303L3.96967 9.53033C3.67678 9.23744 3.67678 8.76256 3.96967 8.46967Z"
-                  fill-rule="evenodd"
-                />
-              </svg>
-            </span>
-          </button>
-        </td>
-      </tr>
-    </tbody>
-  </table>
-  <div
-    class="c40"
-  >
-    <div
-      class="c10 c27 c29"
-      width="100%"
-    >
-      <div
-        class="c30 c1"
-      >
-        <button
-          class="c31 c32"
-          title="Previous page"
-        >
-          <span
-            class="c24 icon icon-circlearrowleft"
-          >
-            <svg
-              fill="currentColor"
-              height="24"
-              viewBox="0 0 24 24"
-              width="24"
-            >
-              <path
-                d="M10.0607 11.25L11.7803 9.53033C12.0732 9.23744 12.0732 8.76256 11.7803 8.46967C11.4874 8.17678 11.0126 8.17678 10.7197 8.46967L7.71967 11.4697C7.64776 11.5416 7.59351 11.6245 7.55691 11.7129C7.52024 11.8013 7.5 11.8983 7.5 12C7.5 12.1017 7.52024 12.1987 7.55691 12.2871C7.59351 12.3755 7.64776 12.4584 7.71967 12.5303L10.7197 15.5303C11.0126 15.8232 11.4874 15.8232 11.7803 15.5303C12.0732 15.2374 12.0732 14.7626 11.7803 14.4697L10.0607 12.75H15.75C16.1642 12.75 16.5 12.4142 16.5 12C16.5 11.5858 16.1642 11.25 15.75 11.25H10.0607Z"
-              />
-              <path
-                clip-rule="evenodd"
-                d="M2.25 12C2.25 6.61522 6.61522 2.25 12 2.25C17.3848 2.25 21.75 6.61522 21.75 12C21.75 17.3848 17.3848 21.75 12 21.75C6.61522 21.75 2.25 17.3848 2.25 12ZM12 3.75C7.44365 3.75 3.75 7.44365 3.75 12C3.75 16.5563 7.44365 20.25 12 20.25C16.5563 20.25 20.25 16.5563 20.25 12C20.25 7.44365 16.5563 3.75 12 3.75Z"
-                fill-rule="evenodd"
-              />
-            </svg>
-          </span>
-        </button>
-        <button
-          class="c33 c32"
-          title="Next page"
-        >
-          <span
-            class="c24 icon icon-circlearrowright"
-          >
-            <svg
-              fill="currentColor"
-              height="24"
-              viewBox="0 0 24 24"
-              width="24"
-            >
-              <path
-                clip-rule="evenodd"
-                d="M12 3.75C7.44365 3.75 3.75 7.44365 3.75 12C3.75 16.5563 7.44365 20.25 12 20.25C16.5563 20.25 20.25 16.5563 20.25 12C20.25 7.44365 16.5563 3.75 12 3.75ZM2.25 12C2.25 6.61522 6.61522 2.25 12 2.25C17.3848 2.25 21.75 6.61522 21.75 12C21.75 17.3848 17.3848 21.75 12 21.75C6.61522 21.75 2.25 17.3848 2.25 12ZM7.5 12C7.5 11.5858 7.83579 11.25 8.25 11.25H13.9393L12.2197 9.53033C11.9268 9.23744 11.9268 8.76256 12.2197 8.46967C12.5126 8.17678 12.9874 8.17678 13.2803 8.46967L16.2803 11.4697C16.3522 11.5416 16.4065 11.6245 16.4431 11.7129C16.4798 11.8013 16.5 11.8983 16.5 12C16.5 12.1017 16.4798 12.1987 16.4431 12.2871C16.4065 12.3755 16.3522 12.4584 16.2803 12.5303L13.2803 15.5303C12.9874 15.8232 12.5126 15.8232 12.2197 15.5303C11.9268 15.2374 11.9268 14.7626 12.2197 14.4697L13.9393 12.75H8.25C7.83579 12.75 7.5 12.4142 7.5 12Z"
-                fill-rule="evenodd"
-              />
-            </svg>
-          </span>
-        </button>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`readonly empty state 1`] = `
-.c0 {
-  box-sizing: border-box;
-  padding-left: 40px;
-  padding-right: 40px;
-}
-
-.c3 {
-  box-sizing: border-box;
-  margin-bottom: 24px;
-}
-
-.c8 {
-  box-sizing: border-box;
-  max-width: 664px;
-  margin-left: auto;
-  margin-right: auto;
-  padding: 56px;
-  color: #FFFFFF;
-  text-align: center;
-  border-radius: 12px;
-}
-
-.c6 {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  font-weight: 300;
-  font-size: 22px;
-  line-height: 32px;
-  margin: 0px;
-}
-
-.c9 {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  font-weight: 300;
-  font-size: 28px;
-  line-height: 32px;
-  margin: 0px;
-  margin-bottom: 16px;
-}
-
-.c10 {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  margin: 0px;
-}
-
-.c11 {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  font-weight: 600;
-  margin: 0px;
-}
-
-.c1 {
-  display: flex;
-}
-
-.c4 {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-}
-
-.c5 {
-  flex-shrink: 0;
-  border-bottom: 1px solid rgba(255,255,255,0.07);
-  height: 56px;
-  margin-left: -40px;
-  margin-right: -40px;
-  padding-left: 40px;
-  padding-right: 40px;
-}
-
-.c7 {
-  white-space: nowrap;
-}
-
-.c2 {
-  width: 100%;
-  height: 100%;
-  flex-direction: column;
-}
-
-.c2::after {
-  content: ' ';
-  padding-bottom: 24px;
-}
-
-<div>
-  <div
-    class="c0 c1 c2"
-  >
-    <div
-      class="c3 c4 c5"
-    >
-      <div
-        class="c6 c7"
-      >
-        Servers
-      </div>
-    </div>
-    <div
-      class="c8"
-      color="text.main"
-    >
-      <div
-        class="c9"
-      >
-        No Servers Found
-      </div>
-      <div
-        class="c10"
-      >
-        Either there are no 
-        servers
-         in the "
-        <span
-          class="c11"
-        >
-          im-a-cluster
-        </span>
-        " cluster, or your roles don't grant you access.
-      </div>
-    </div>
-  </div>
-</div>
-`;
diff --git a/web/packages/teleport/src/Nodes/useNodes.ts b/web/packages/teleport/src/Nodes/useNodes.ts
deleted file mode 100644
index 761b0bc62ad0..000000000000
--- a/web/packages/teleport/src/Nodes/useNodes.ts
+++ /dev/null
@@ -1,108 +0,0 @@
-/**
- * Teleport
- * Copyright (C) 2023  Gravitational, Inc.
- *
- * This program is free software: you can redistribute it and/or modify
- * it under the terms of the GNU Affero General Public License as published by
- * the Free Software Foundation, either version 3 of the License, or
- * (at your option) any later version.
- *
- * This program is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
- * GNU Affero General Public License for more details.
- *
- * You should have received a copy of the GNU Affero General Public License
- * along with this program.  If not, see <http://www.gnu.org/licenses/>.
- */
-
-import { useEffect } from 'react';
-
-import Ctx from 'teleport/teleportContext';
-import useStickerClusterId from 'teleport/useStickyClusterId';
-import cfg from 'teleport/config';
-import { openNewTab } from 'teleport/lib/util';
-import {
-  useUrlFiltering,
-  useServerSidePagination,
-} from 'teleport/components/hooks';
-
-import type { Node } from 'teleport/services/nodes';
-
-export function useNodes(ctx: Ctx) {
-  const { isLeafCluster, clusterId } = useStickerClusterId();
-  const canCreate = ctx.storeUser.getTokenAccess().create;
-
-  const { params, search, ...filteringProps } = useUrlFiltering({
-    sort: {
-      fieldName: 'hostname',
-      dir: 'ASC',
-    },
-  });
-
-  const { fetch, fetchedData, ...paginationProps } = useServerSidePagination({
-    fetchFunc: ctx.nodeService.fetchNodes,
-    clusterId,
-    params,
-  });
-
-  useEffect(() => {
-    fetch();
-  }, [clusterId, search]);
-
-  function getNodeLoginOptions(serverId: string) {
-    const node = fetchedData.agents.find(node => node.id == serverId);
-    return makeOptions(clusterId, node);
-  }
-
-  const startSshSession = (login: string, serverId: string) => {
-    const url = cfg.getSshConnectRoute({
-      clusterId,
-      serverId,
-      login,
-    });
-
-    openNewTab(url);
-  };
-
-  return {
-    fetchedData,
-    canCreate,
-    getNodeLoginOptions,
-    startSshSession,
-    isLeafCluster,
-    clusterId,
-    params,
-    ...filteringProps,
-    ...paginationProps,
-  };
-}
-
-function makeOptions(clusterId: string, node: Node | undefined) {
-  const nodeLogins = node?.sshLogins || [];
-  const logins = sortLogins(nodeLogins);
-
-  return logins.map(login => {
-    const url = cfg.getSshConnectRoute({
-      clusterId,
-      serverId: node?.id || '',
-      login,
-    });
-
-    return {
-      login,
-      url,
-    };
-  });
-}
-
-// sort logins by making 'root' as the first in the list
-export const sortLogins = (logins: string[]) => {
-  const noRoot = logins.filter(l => l !== 'root').sort();
-  if (noRoot.length === logins.length) {
-    return logins;
-  }
-  return ['root', ...noRoot];
-};
-
-export type State = ReturnType<typeof useNodes>;
diff --git a/web/packages/teleport/src/Recordings/Recordings.story.test.tsx b/web/packages/teleport/src/Recordings/Recordings.story.test.tsx
index d9d55cd3732a..2456168d0680 100644
--- a/web/packages/teleport/src/Recordings/Recordings.story.test.tsx
+++ b/web/packages/teleport/src/Recordings/Recordings.story.test.tsx
@@ -18,13 +18,13 @@
 
 import React from 'react';
 
-import { render, waitFor } from 'design/utils/testing';
+import { render, screen } from 'design/utils/testing';
 
 import { Loaded } from './Recordings.story';
 
 test('rendering of Session Recordings', async () => {
   const { container } = render(<Loaded />);
 
-  await waitFor(() => document.querySelector('table'));
+  await screen.findAllByText(/Showing/);
   expect(container).toMatchSnapshot();
 });
diff --git a/web/packages/teleport/src/Recordings/Recordings.story.tsx b/web/packages/teleport/src/Recordings/Recordings.story.tsx
index ecf3a537a009..d8d110ef8441 100644
--- a/web/packages/teleport/src/Recordings/Recordings.story.tsx
+++ b/web/packages/teleport/src/Recordings/Recordings.story.tsx
@@ -32,6 +32,7 @@ export default {
 
 export const Loaded = () => {
   const ctx = new Context();
+  ctx.clusterService.fetchClusters = () => Promise.resolve([]);
   ctx.recordingsService.fetchRecordings = () =>
     Promise.resolve({
       recordings: recordings.map(makeRecording),
@@ -43,6 +44,7 @@ export const Loaded = () => {
 
 export const LoadedFetchMore = () => {
   const ctx = new Context();
+  ctx.clusterService.fetchClusters = () => Promise.resolve([]);
   ctx.recordingsService.fetchRecordings = () =>
     Promise.resolve({
       recordings: recordings.map(makeRecording),
@@ -54,12 +56,14 @@ export const LoadedFetchMore = () => {
 
 export const Processing = () => {
   const ctx = new Context();
+  ctx.clusterService.fetchClusters = () => Promise.resolve([]);
   ctx.recordingsService.fetchRecordings = () => new Promise(() => null);
   return render(ctx);
 };
 
 export const Failed = () => {
   const ctx = new Context();
+  ctx.clusterService.fetchClusters = () => Promise.resolve([]);
   ctx.recordingsService.fetchRecordings = () =>
     Promise.reject(new Error('server error'));
   return render(ctx);
diff --git a/web/packages/teleport/src/Recordings/__snapshots__/Recordings.story.test.tsx.snap b/web/packages/teleport/src/Recordings/__snapshots__/Recordings.story.test.tsx.snap
index 247844e7c9e7..c676ca1b6c4d 100644
--- a/web/packages/teleport/src/Recordings/__snapshots__/Recordings.story.test.tsx.snap
+++ b/web/packages/teleport/src/Recordings/__snapshots__/Recordings.story.test.tsx.snap
@@ -18,7 +18,22 @@ exports[`rendering of Session Recordings 1`] = `
   width: 210px;
 }
 
-.c19 {
+.c20 {
+  box-sizing: border-box;
+}
+
+.c16 {
+  box-sizing: border-box;
+  margin-bottom: 4px;
+  width: 100%;
+}
+
+.c18 {
+  box-sizing: border-box;
+  margin-right: 8px;
+}
+
+.c27 {
   line-height: 1.5;
   margin: 0;
   display: inline-flex;
@@ -45,28 +60,99 @@ exports[`rendering of Session Recordings 1`] = `
   width: 80px;
 }
 
-.c19:hover,
-.c19:focus {
+.c27:hover,
+.c27:focus {
   background: #B29DFF;
 }
 
-.c19:active {
+.c27:active {
   background: #C5B6FF;
 }
 
-.c19:disabled {
+.c27:disabled {
   background: rgba(255,255,255,0.12);
   color: rgba(255,255,255,0.3);
   cursor: auto;
 }
 
-.c17 {
+.c21 {
+  align-items: center;
+  border: none;
+  cursor: pointer;
+  display: flex;
+  outline: none;
+  border-radius: 50%;
+  overflow: visible;
+  justify-content: center;
+  text-align: center;
+  flex: 0 0 auto;
+  background: transparent;
+  color: inherit;
+  transition: all 0.3s;
+  -webkit-font-smoothing: antialiased;
+  font-size: 16px;
+  height: 32px;
+  width: 32px;
+  margin-left: 0px;
+  margin-right: 0px;
+}
+
+.c21:disabled {
+  color: rgba(255,255,255,0.36);
+  cursor: default;
+}
+
+.c21:not(:disabled):hover,
+.c21:not(:disabled):focus {
+  background: rgba(255,255,255,0.13);
+}
+
+.c21:not(:disabled):active {
+  background: rgba(255,255,255,0.18);
+}
+
+.c24 {
+  align-items: center;
+  border: none;
+  cursor: pointer;
+  display: flex;
+  outline: none;
+  border-radius: 50%;
+  overflow: visible;
+  justify-content: center;
+  text-align: center;
+  flex: 0 0 auto;
+  background: transparent;
+  color: inherit;
+  transition: all 0.3s;
+  -webkit-font-smoothing: antialiased;
+  font-size: 16px;
+  height: 32px;
+  width: 32px;
+  margin-left: 0px;
+}
+
+.c24:disabled {
+  color: rgba(255,255,255,0.36);
+  cursor: default;
+}
+
+.c24:not(:disabled):hover,
+.c24:not(:disabled):focus {
+  background: rgba(255,255,255,0.13);
+}
+
+.c24:not(:disabled):active {
+  background: rgba(255,255,255,0.18);
+}
+
+.c23 {
   display: inline-flex;
   align-items: center;
   justify-content: center;
 }
 
-.c18 {
+.c26 {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -84,6 +170,17 @@ exports[`rendering of Session Recordings 1`] = `
   margin-right: 56px;
 }
 
+.c19 {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  font-weight: 400;
+  font-size: 12px;
+  line-height: 16px;
+  margin: 0px;
+  margin-right: 4px;
+  font-weight: 500;
+}
+
 .c1 {
   display: flex;
 }
@@ -93,6 +190,12 @@ exports[`rendering of Session Recordings 1`] = `
   align-items: center;
 }
 
+.c17 {
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+}
+
 .c9 .react-select-container {
   box-sizing: border-box;
   display: block;
@@ -278,7 +381,7 @@ exports[`rendering of Session Recordings 1`] = `
   padding-bottom: 24px;
 }
 
-.c16 {
+.c25 {
   border-collapse: collapse;
   border-spacing: 0;
   border-style: hidden;
@@ -286,39 +389,39 @@ exports[`rendering of Session Recordings 1`] = `
   width: 100%;
 }
 
-.c16 > thead > tr > th,
-.c16 > tbody > tr > th,
-.c16 > tfoot > tr > th,
-.c16 > thead > tr > td,
-.c16 > tbody > tr > td,
-.c16 > tfoot > tr > td {
+.c25 > thead > tr > th,
+.c25 > tbody > tr > th,
+.c25 > tfoot > tr > th,
+.c25 > thead > tr > td,
+.c25 > tbody > tr > td,
+.c25 > tfoot > tr > td {
   padding: 8px 8px;
   vertical-align: middle;
 }
 
-.c16 > thead > tr > th:first-child,
-.c16 > tbody > tr > th:first-child,
-.c16 > tfoot > tr > th:first-child,
-.c16 > thead > tr > td:first-child,
-.c16 > tbody > tr > td:first-child,
-.c16 > tfoot > tr > td:first-child {
+.c25 > thead > tr > th:first-child,
+.c25 > tbody > tr > th:first-child,
+.c25 > tfoot > tr > th:first-child,
+.c25 > thead > tr > td:first-child,
+.c25 > tbody > tr > td:first-child,
+.c25 > tfoot > tr > td:first-child {
   padding-left: 24px;
 }
 
-.c16 > thead > tr > th:last-child,
-.c16 > tbody > tr > th:last-child,
-.c16 > tfoot > tr > th:last-child,
-.c16 > thead > tr > td:last-child,
-.c16 > tbody > tr > td:last-child,
-.c16 > tfoot > tr > td:last-child {
+.c25 > thead > tr > th:last-child,
+.c25 > tbody > tr > th:last-child,
+.c25 > tfoot > tr > th:last-child,
+.c25 > thead > tr > td:last-child,
+.c25 > tbody > tr > td:last-child,
+.c25 > tfoot > tr > td:last-child {
   padding-right: 24px;
 }
 
-.c16 > tbody > tr > td {
+.c25 > tbody > tr > td {
   vertical-align: middle;
 }
 
-.c16 > thead > tr > th {
+.c25 > thead > tr > th {
   color: #FFFFFF;
   font-weight: 600;
   font-size: 14px;
@@ -330,11 +433,11 @@ exports[`rendering of Session Recordings 1`] = `
   white-space: nowrap;
 }
 
-.c16 > thead > tr > th svg {
+.c25 > thead > tr > th svg {
   height: 12px;
 }
 
-.c16 > tbody > tr > td {
+.c25 > tbody > tr > td {
   color: #FFFFFF;
   font-weight: 300;
   font-size: 14px;
@@ -342,18 +445,18 @@ exports[`rendering of Session Recordings 1`] = `
   letter-spacing: 0.035px;
 }
 
-.c16 tbody tr {
+.c25 tbody tr {
   transition: all 150ms;
   position: relative;
   border-top: 2px solid rgba(255,255,255,0.07);
 }
 
-.c16 tbody tr:hover {
+.c25 tbody tr:hover {
   border-top: 2px solid rgba(0,0,0,0);
   background-color: #222C59;
 }
 
-.c16 tbody tr:hover:after {
+.c25 tbody tr:hover:after {
   box-shadow: 0px 1px 10px 0px rgba(0,0,0,0.12),0px 4px 5px 0px rgba(0,0,0,0.14),0px 2px 4px -1px rgba(0,0,0,0.20);
   content: '';
   position: absolute;
@@ -364,7 +467,7 @@ exports[`rendering of Session Recordings 1`] = `
   height: 100%;
 }
 
-.c16 tbody tr:hover + tr {
+.c25 tbody tr:hover + tr {
   border-top: 2px solid rgba(0,0,0,0);
 }
 
@@ -378,6 +481,14 @@ exports[`rendering of Session Recordings 1`] = `
   margin-top: 4px;
 }
 
+.c22 svg {
+  font-size: 20px;
+}
+
+.c22 svg:before {
+  padding-left: 1px;
+}
+
 .c15 {
   position: relative;
   height: 100%;
@@ -507,11 +618,12 @@ exports[`rendering of Session Recordings 1`] = `
       <div
         class="c11"
       >
-        <div
+        <form
           class="c12"
         >
           <input
             class="c13"
+            name="searchValue"
             placeholder="Search..."
             value=""
           />
@@ -522,11 +634,90 @@ exports[`rendering of Session Recordings 1`] = `
               class="c15"
             />
           </div>
+        </form>
+      </div>
+      <div
+        class="c16 c17"
+        width="100%"
+      >
+        <div
+          class="c18 c1"
+        >
+          <div
+            class="c19"
+            font-weight="500"
+            style="white-space: nowrap; letter-spacing: 0.15px;"
+          >
+            Showing 
+            <strong>
+              1
+            </strong>
+             - 
+            <strong>
+              7
+            </strong>
+             of
+             
+            <strong>
+              7
+            </strong>
+          </div>
+        </div>
+        <div
+          class="c20 c1"
+        >
+          <button
+            class="c21 c22"
+            disabled=""
+            title="Previous page"
+          >
+            <span
+              class="c23 icon icon-circlearrowleft"
+            >
+              <svg
+                fill="currentColor"
+                height="24"
+                viewBox="0 0 24 24"
+                width="24"
+              >
+                <path
+                  d="M10.0607 11.25L11.7803 9.53033C12.0732 9.23744 12.0732 8.76256 11.7803 8.46967C11.4874 8.17678 11.0126 8.17678 10.7197 8.46967L7.71967 11.4697C7.64776 11.5416 7.59351 11.6245 7.55691 11.7129C7.52024 11.8013 7.5 11.8983 7.5 12C7.5 12.1017 7.52024 12.1987 7.55691 12.2871C7.59351 12.3755 7.64776 12.4584 7.71967 12.5303L10.7197 15.5303C11.0126 15.8232 11.4874 15.8232 11.7803 15.5303C12.0732 15.2374 12.0732 14.7626 11.7803 14.4697L10.0607 12.75H15.75C16.1642 12.75 16.5 12.4142 16.5 12C16.5 11.5858 16.1642 11.25 15.75 11.25H10.0607Z"
+                />
+                <path
+                  clip-rule="evenodd"
+                  d="M2.25 12C2.25 6.61522 6.61522 2.25 12 2.25C17.3848 2.25 21.75 6.61522 21.75 12C21.75 17.3848 17.3848 21.75 12 21.75C6.61522 21.75 2.25 17.3848 2.25 12ZM12 3.75C7.44365 3.75 3.75 7.44365 3.75 12C3.75 16.5563 7.44365 20.25 12 20.25C16.5563 20.25 20.25 16.5563 20.25 12C20.25 7.44365 16.5563 3.75 12 3.75Z"
+                  fill-rule="evenodd"
+                />
+              </svg>
+            </span>
+          </button>
+          <button
+            class="c24 c22"
+            disabled=""
+            title="Next page"
+          >
+            <span
+              class="c23 icon icon-circlearrowright"
+            >
+              <svg
+                fill="currentColor"
+                height="24"
+                viewBox="0 0 24 24"
+                width="24"
+              >
+                <path
+                  clip-rule="evenodd"
+                  d="M12 3.75C7.44365 3.75 3.75 7.44365 3.75 12C3.75 16.5563 7.44365 20.25 12 20.25C16.5563 20.25 20.25 16.5563 20.25 12C20.25 7.44365 16.5563 3.75 12 3.75ZM2.25 12C2.25 6.61522 6.61522 2.25 12 2.25C17.3848 2.25 21.75 6.61522 21.75 12C21.75 17.3848 17.3848 21.75 12 21.75C6.61522 21.75 2.25 17.3848 2.25 12ZM7.5 12C7.5 11.5858 7.83579 11.25 8.25 11.25H13.9393L12.2197 9.53033C11.9268 9.23744 11.9268 8.76256 12.2197 8.46967C12.5126 8.17678 12.9874 8.17678 13.2803 8.46967L16.2803 11.4697C16.3522 11.5416 16.4065 11.6245 16.4431 11.7129C16.4798 11.8013 16.5 11.8983 16.5 12C16.5 12.1017 16.4798 12.1987 16.4431 12.2871C16.4065 12.3755 16.3522 12.4584 16.2803 12.5303L13.2803 15.5303C12.9874 15.8232 12.5126 15.8232 12.2197 15.5303C11.9268 15.2374 11.9268 14.7626 12.2197 14.4697L13.9393 12.75H8.25C7.83579 12.75 7.5 12.4142 7.5 12Z"
+                  fill-rule="evenodd"
+                />
+              </svg>
+            </span>
+          </button>
         </div>
       </div>
     </nav>
     <table
-      class="c16"
+      class="c25"
     >
       <thead>
         <tr>
@@ -536,7 +727,7 @@ exports[`rendering of Session Recordings 1`] = `
             >
               Type
               <span
-                class="c17 icon icon-chevronsvertical"
+                class="c23 icon icon-chevronsvertical"
                 title="sort items"
               >
                 <svg
@@ -561,7 +752,7 @@ exports[`rendering of Session Recordings 1`] = `
             >
               Name
               <span
-                class="c17 icon icon-chevronsvertical"
+                class="c23 icon icon-chevronsvertical"
                 title="sort items"
               >
                 <svg
@@ -586,7 +777,7 @@ exports[`rendering of Session Recordings 1`] = `
             >
               User(s)
               <span
-                class="c17 icon icon-chevronsvertical"
+                class="c23 icon icon-chevronsvertical"
                 title="sort items"
               >
                 <svg
@@ -611,7 +802,7 @@ exports[`rendering of Session Recordings 1`] = `
             >
               Duration
               <span
-                class="c17 icon icon-chevronsvertical"
+                class="c23 icon icon-chevronsvertical"
                 title="sort items"
               >
                 <svg
@@ -636,7 +827,7 @@ exports[`rendering of Session Recordings 1`] = `
             >
               Created (UTC)
               <span
-                class="c17 icon icon-chevrondown"
+                class="c23 icon icon-chevrondown"
                 title="sort items desc"
               >
                 <svg
@@ -668,7 +859,7 @@ exports[`rendering of Session Recordings 1`] = `
         <tr>
           <td>
             <span
-              class="c18 icon icon-kubernetes"
+              class="c26 icon icon-kubernetes"
             >
               <svg
                 fill="currentColor"
@@ -705,7 +896,7 @@ exports[`rendering of Session Recordings 1`] = `
             align="right"
           >
             <a
-              class="c19"
+              class="c27"
               href="/web/cluster/localhost/session/8efccedd-9633-473f-bfb3-fcc07e2af345?recordingType=k8s&durationMs=9477"
               kind="primary"
               target="_blank"
@@ -718,7 +909,7 @@ exports[`rendering of Session Recordings 1`] = `
         <tr>
           <td>
             <span
-              class="c18 icon icon-desktop"
+              class="c26 icon icon-desktop"
             >
               <svg
                 fill="currentColor"
@@ -761,7 +952,7 @@ exports[`rendering of Session Recordings 1`] = `
         <tr>
           <td>
             <span
-              class="c18 icon icon-desktop"
+              class="c26 icon icon-desktop"
             >
               <svg
                 fill="currentColor"
@@ -804,7 +995,7 @@ exports[`rendering of Session Recordings 1`] = `
         <tr>
           <td>
             <span
-              class="c18 icon icon-cli"
+              class="c26 icon icon-cli"
             >
               <svg
                 fill="currentColor"
@@ -821,40 +1012,33 @@ exports[`rendering of Session Recordings 1`] = `
             </span>
           </td>
           <td>
-            apple-node
+            im-a-nodename
           </td>
           <td
             style="word-break: break-word;"
           >
-            one, two
+            test
           </td>
           <td>
-            19 minutes
+            10 minutes
           </td>
           <td>
-            2019-04-22T00:00:51.543Z
+            2021-07-27T23:20:05.346Z
           </td>
           <td>
-            426485-6491-11e9-80a1-427cfde50f5a
+            d183ca84-dd94-434a-afee5c2c5f38
           </td>
           <td
             align="right"
+            style="color: rgb(159, 159, 159);"
           >
-            <a
-              class="c19"
-              href="/web/cluster/localhost/session/426485-6491-11e9-80a1-427cfde50f5a?recordingType=ssh&durationMs=1161287"
-              kind="primary"
-              target="_blank"
-              width="80px"
-            >
-              Play
-            </a>
+            recording disabled
           </td>
         </tr>
         <tr>
           <td>
             <span
-              class="c18 icon icon-cli"
+              class="c26 icon icon-cli"
             >
               <svg
                 fill="currentColor"
@@ -871,40 +1055,33 @@ exports[`rendering of Session Recordings 1`] = `
             </span>
           </td>
           <td>
-            peach-node
+            ip-172-31-30-254
           </td>
           <td
             style="word-break: break-word;"
           >
-            one, two
+            foo
           </td>
           <td>
-            21 seconds
+            32 seconds
           </td>
           <td>
-            2019-04-22T00:00:51.543Z
+            2021-05-21T22:54:27.123Z
           </td>
           <td>
-            377875-6491-11e9-80a1-427cfde50f5a
+            9d92ad96-a45c-4add-463cc7bc48b1
           </td>
           <td
             align="right"
+            style="color: rgb(159, 159, 159);"
           >
-            <a
-              class="c19"
-              href="/web/cluster/localhost/session/377875-6491-11e9-80a1-427cfde50f5a?recordingType=ssh&durationMs=21287"
-              kind="primary"
-              target="_blank"
-              width="80px"
-            >
-              Play
-            </a>
+            non-interactive
           </td>
         </tr>
         <tr>
           <td>
             <span
-              class="c18 icon icon-cli"
+              class="c26 icon icon-cli"
             >
               <svg
                 fill="currentColor"
@@ -921,33 +1098,40 @@ exports[`rendering of Session Recordings 1`] = `
             </span>
           </td>
           <td>
-            im-a-nodename
+            peach-node
           </td>
           <td
             style="word-break: break-word;"
           >
-            test
+            one, two
           </td>
           <td>
-            10 minutes
+            21 seconds
           </td>
           <td>
-            2021-07-27T23:20:05.346Z
+            2019-04-22T00:00:51.543Z
           </td>
           <td>
-            d183ca84-dd94-434a-afee5c2c5f38
+            377875-6491-11e9-80a1-427cfde50f5a
           </td>
           <td
             align="right"
-            style="color: rgb(159, 159, 159);"
           >
-            recording disabled
+            <a
+              class="c27"
+              href="/web/cluster/localhost/session/377875-6491-11e9-80a1-427cfde50f5a?recordingType=ssh&durationMs=21287"
+              kind="primary"
+              target="_blank"
+              width="80px"
+            >
+              Play
+            </a>
           </td>
         </tr>
         <tr>
           <td>
             <span
-              class="c18 icon icon-cli"
+              class="c26 icon icon-cli"
             >
               <svg
                 fill="currentColor"
@@ -964,34 +1148,121 @@ exports[`rendering of Session Recordings 1`] = `
             </span>
           </td>
           <td>
-            ip-172-31-30-254
+            apple-node
           </td>
           <td
             style="word-break: break-word;"
           >
-            foo
+            one, two
           </td>
           <td>
-            32 seconds
+            19 minutes
           </td>
           <td>
-            2021-05-21T22:54:27.123Z
+            2019-04-22T00:00:51.543Z
           </td>
           <td>
-            9d92ad96-a45c-4add-463cc7bc48b1
+            426485-6491-11e9-80a1-427cfde50f5a
           </td>
           <td
             align="right"
-            style="color: rgb(159, 159, 159);"
           >
-            non-interactive
+            <a
+              class="c27"
+              href="/web/cluster/localhost/session/426485-6491-11e9-80a1-427cfde50f5a?recordingType=ssh&durationMs=1161287"
+              kind="primary"
+              target="_blank"
+              width="80px"
+            >
+              Play
+            </a>
           </td>
         </tr>
       </tbody>
     </table>
     <nav
       class="c10"
-    />
+    >
+      <div
+        class="c16 c17"
+        width="100%"
+      >
+        <div
+          class="c18 c1"
+        >
+          <div
+            class="c19"
+            font-weight="500"
+            style="white-space: nowrap; letter-spacing: 0.15px;"
+          >
+            Showing 
+            <strong>
+              1
+            </strong>
+             - 
+            <strong>
+              7
+            </strong>
+             of
+             
+            <strong>
+              7
+            </strong>
+          </div>
+        </div>
+        <div
+          class="c20 c1"
+        >
+          <button
+            class="c21 c22"
+            disabled=""
+            title="Previous page"
+          >
+            <span
+              class="c23 icon icon-circlearrowleft"
+            >
+              <svg
+                fill="currentColor"
+                height="24"
+                viewBox="0 0 24 24"
+                width="24"
+              >
+                <path
+                  d="M10.0607 11.25L11.7803 9.53033C12.0732 9.23744 12.0732 8.76256 11.7803 8.46967C11.4874 8.17678 11.0126 8.17678 10.7197 8.46967L7.71967 11.4697C7.64776 11.5416 7.59351 11.6245 7.55691 11.7129C7.52024 11.8013 7.5 11.8983 7.5 12C7.5 12.1017 7.52024 12.1987 7.55691 12.2871C7.59351 12.3755 7.64776 12.4584 7.71967 12.5303L10.7197 15.5303C11.0126 15.8232 11.4874 15.8232 11.7803 15.5303C12.0732 15.2374 12.0732 14.7626 11.7803 14.4697L10.0607 12.75H15.75C16.1642 12.75 16.5 12.4142 16.5 12C16.5 11.5858 16.1642 11.25 15.75 11.25H10.0607Z"
+                />
+                <path
+                  clip-rule="evenodd"
+                  d="M2.25 12C2.25 6.61522 6.61522 2.25 12 2.25C17.3848 2.25 21.75 6.61522 21.75 12C21.75 17.3848 17.3848 21.75 12 21.75C6.61522 21.75 2.25 17.3848 2.25 12ZM12 3.75C7.44365 3.75 3.75 7.44365 3.75 12C3.75 16.5563 7.44365 20.25 12 20.25C16.5563 20.25 20.25 16.5563 20.25 12C20.25 7.44365 16.5563 3.75 12 3.75Z"
+                  fill-rule="evenodd"
+                />
+              </svg>
+            </span>
+          </button>
+          <button
+            class="c24 c22"
+            disabled=""
+            title="Next page"
+          >
+            <span
+              class="c23 icon icon-circlearrowright"
+            >
+              <svg
+                fill="currentColor"
+                height="24"
+                viewBox="0 0 24 24"
+                width="24"
+              >
+                <path
+                  clip-rule="evenodd"
+                  d="M12 3.75C7.44365 3.75 3.75 7.44365 3.75 12C3.75 16.5563 7.44365 20.25 12 20.25C16.5563 20.25 20.25 16.5563 20.25 12C20.25 7.44365 16.5563 3.75 12 3.75ZM2.25 12C2.25 6.61522 6.61522 2.25 12 2.25C17.3848 2.25 21.75 6.61522 21.75 12C21.75 17.3848 17.3848 21.75 12 21.75C6.61522 21.75 2.25 17.3848 2.25 12ZM7.5 12C7.5 11.5858 7.83579 11.25 8.25 11.25H13.9393L12.2197 9.53033C11.9268 9.23744 11.9268 8.76256 12.2197 8.46967C12.5126 8.17678 12.9874 8.17678 13.2803 8.46967L16.2803 11.4697C16.3522 11.5416 16.4065 11.6245 16.4431 11.7129C16.4798 11.8013 16.5 11.8983 16.5 12C16.5 12.1017 16.4798 12.1987 16.4431 12.2871C16.4065 12.3755 16.3522 12.4584 16.2803 12.5303L13.2803 15.5303C12.9874 15.8232 12.5126 15.8232 12.2197 15.5303C11.9268 15.2374 11.9268 14.7626 12.2197 14.4697L13.9393 12.75H8.25C7.83579 12.75 7.5 12.4142 7.5 12Z"
+                  fill-rule="evenodd"
+                />
+              </svg>
+            </span>
+          </button>
+        </div>
+      </div>
+    </nav>
   </div>
 </div>
 `;
diff --git a/web/packages/teleport/src/Roles/RoleList/RoleList.tsx b/web/packages/teleport/src/Roles/RoleList/RoleList.tsx
index ca1151bf909e..d537eba3a43a 100644
--- a/web/packages/teleport/src/Roles/RoleList/RoleList.tsx
+++ b/web/packages/teleport/src/Roles/RoleList/RoleList.tsx
@@ -54,7 +54,6 @@ export function RoleList({
             updateSearch={onSearchChange}
             updateQuery={null}
             hideAdvancedSearch={true}
-            showSearchBar={true}
             filter={{ search }}
             disableSearch={serversidePagination.attempt.status === 'processing'}
           />
diff --git a/web/packages/teleport/src/Sessions/__snapshots__/Sessions.story.test.tsx.snap b/web/packages/teleport/src/Sessions/__snapshots__/Sessions.story.test.tsx.snap
index 273b15338eaa..2315c7f252be 100644
--- a/web/packages/teleport/src/Sessions/__snapshots__/Sessions.story.test.tsx.snap
+++ b/web/packages/teleport/src/Sessions/__snapshots__/Sessions.story.test.tsx.snap
@@ -21,12 +21,6 @@ exports[`active sessions CTA 1`] = `
   box-sizing: border-box;
 }
 
-.c31 {
-  box-sizing: border-box;
-  width: 80px;
-  text-align: center;
-}
-
 .c21 {
   box-sizing: border-box;
   margin-bottom: 4px;
@@ -38,6 +32,12 @@ exports[`active sessions CTA 1`] = `
   margin-right: 8px;
 }
 
+.c31 {
+  box-sizing: border-box;
+  width: 80px;
+  text-align: center;
+}
+
 .c10 {
   line-height: 1.5;
   margin: 0;
@@ -522,11 +522,12 @@ exports[`active sessions CTA 1`] = `
     <div
       class="c16"
     >
-      <div
+      <form
         class="c17"
       >
         <input
           class="c18"
+          name="searchValue"
           placeholder="Search..."
           value=""
         />
@@ -537,7 +538,7 @@ exports[`active sessions CTA 1`] = `
             class="c20"
           />
         </div>
-      </div>
+      </form>
     </div>
     <div
       class="c21 c22"
@@ -1185,10 +1186,8 @@ exports[`loaded 1`] = `
   margin-bottom: 24px;
 }
 
-.c27 {
+.c19 {
   box-sizing: border-box;
-  width: 80px;
-  text-align: center;
 }
 
 .c15 {
@@ -1202,8 +1201,10 @@ exports[`loaded 1`] = `
   margin-right: 8px;
 }
 
-.c19 {
+.c27 {
   box-sizing: border-box;
+  width: 80px;
+  text-align: center;
 }
 
 .c28 {
@@ -1595,11 +1596,12 @@ exports[`loaded 1`] = `
     <div
       class="c10"
     >
-      <div
+      <form
         class="c11"
       >
         <input
           class="c12"
+          name="searchValue"
           placeholder="Search..."
           value=""
         />
@@ -1610,7 +1612,7 @@ exports[`loaded 1`] = `
             class="c14"
           />
         </div>
-      </div>
+      </form>
     </div>
     <div
       class="c15 c16"
@@ -2258,10 +2260,8 @@ exports[`moderated sessions CTA for non-enterprise 1`] = `
   margin-bottom: 24px;
 }
 
-.c27 {
+.c19 {
   box-sizing: border-box;
-  width: 80px;
-  text-align: center;
 }
 
 .c15 {
@@ -2275,8 +2275,10 @@ exports[`moderated sessions CTA for non-enterprise 1`] = `
   margin-right: 8px;
 }
 
-.c19 {
+.c27 {
   box-sizing: border-box;
+  width: 80px;
+  text-align: center;
 }
 
 .c28 {
@@ -2668,11 +2670,12 @@ exports[`moderated sessions CTA for non-enterprise 1`] = `
     <div
       class="c10"
     >
-      <div
+      <form
         class="c11"
       >
         <input
           class="c12"
+          name="searchValue"
           placeholder="Search..."
           value=""
         />
@@ -2683,7 +2686,7 @@ exports[`moderated sessions CTA for non-enterprise 1`] = `
             class="c14"
           />
         </div>
-      </div>
+      </form>
     </div>
     <div
       class="c15 c16"
diff --git a/web/packages/teleport/src/UnifiedResources/SearchPanel.tsx b/web/packages/teleport/src/UnifiedResources/SearchPanel.tsx
deleted file mode 100644
index bf2a976618e3..000000000000
--- a/web/packages/teleport/src/UnifiedResources/SearchPanel.tsx
+++ /dev/null
@@ -1,59 +0,0 @@
-/**
- * Teleport
- * Copyright (C) 2023  Gravitational, Inc.
- *
- * This program is free software: you can redistribute it and/or modify
- * it under the terms of the GNU Affero General Public License as published by
- * the Free Software Foundation, either version 3 of the License, or
- * (at your option) any later version.
- *
- * This program is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
- * GNU Affero General Public License for more details.
- *
- * You should have received a copy of the GNU Affero General Public License
- * along with this program.  If not, see <http://www.gnu.org/licenses/>.
- */
-
-import React from 'react';
-import { Flex } from 'design';
-
-import { AdvancedSearchToggle } from 'shared/components/AdvancedSearchToggle';
-
-import useServersideSearchPanel, {
-  SearchPanelState,
-  HookProps,
-} from 'teleport/components/ServersideSearchPanel/useServerSideSearchPanel';
-
-import { SearchInput } from './SearchInput';
-
-export default function Container(props: HookProps) {
-  const state = useServersideSearchPanel(props);
-  return <SearchPanel {...state} />;
-}
-
-// Adapted from teleport.components.ServersideSearchPanel
-export function SearchPanel({
-  searchString,
-  setSearchString,
-  isAdvancedSearch,
-  setIsAdvancedSearch,
-  onSubmitSearch,
-}: SearchPanelState) {
-  function onToggle() {
-    setIsAdvancedSearch(wasAdvancedSearch => !wasAdvancedSearch);
-  }
-
-  return (
-    <Flex as="form" className="SearchPanel" onSubmit={onSubmitSearch} mb={3}>
-      <SearchInput searchValue={searchString} setSearchValue={setSearchString}>
-        <AdvancedSearchToggle
-          isToggled={isAdvancedSearch}
-          onToggle={onToggle}
-          px={4}
-        />
-      </SearchInput>
-    </Flex>
-  );
-}
diff --git a/web/packages/teleport/src/UnifiedResources/UnifiedResources.tsx b/web/packages/teleport/src/UnifiedResources/UnifiedResources.tsx
index df2215f13a40..7e1e83e1ee6d 100644
--- a/web/packages/teleport/src/UnifiedResources/UnifiedResources.tsx
+++ b/web/packages/teleport/src/UnifiedResources/UnifiedResources.tsx
@@ -53,9 +53,9 @@ import {
   useSamlAppAction,
   SamlAppActionProvider,
 } from 'teleport/SamlApplications/useSamlAppActions';
+import { ServersideSearchPanel } from 'teleport/components/ServersideSearchPanel';
 
 import { ResourceActionButton } from './ResourceActionButton';
-import SearchPanel from './SearchPanel';
 
 export function UnifiedResources() {
   const { clusterId, isLeafCluster } = useStickyClusterId();
@@ -275,14 +275,16 @@ export function ClusterResources({
           setParams(newParams);
           const isAdvancedSearch = !!newParams.query;
           replaceHistory(
-            encodeUrlQueryParams(
+            encodeUrlQueryParams({
               pathname,
-              isAdvancedSearch ? newParams.query : newParams.search,
-              newParams.sort,
-              newParams.kinds,
+              searchString: isAdvancedSearch
+                ? newParams.query
+                : newParams.search,
+              sort: newParams.sort,
+              kinds: newParams.kinds,
               isAdvancedSearch,
-              newParams.pinnedOnly
-            )
+              pinnedOnly: newParams.pinnedOnly,
+            })
           );
         }}
         Header={
@@ -307,8 +309,8 @@ export function ClusterResources({
                 )}
               </Flex>
             </FeatureHeader>
-            <Flex alignItems="center" justifyContent="space-between">
-              <SearchPanel
+            <Flex alignItems="center" justifyContent="space-between" mb={3}>
+              <ServersideSearchPanel
                 params={params}
                 pathname={pathname}
                 replaceHistory={replaceHistory}
diff --git a/web/packages/teleport/src/Users/UserList/UserList.tsx b/web/packages/teleport/src/Users/UserList/UserList.tsx
index 715c9398e2fd..53861cd96924 100644
--- a/web/packages/teleport/src/Users/UserList/UserList.tsx
+++ b/web/packages/teleport/src/Users/UserList/UserList.tsx
@@ -17,10 +17,11 @@
  */
 
 import React from 'react';
-import Table, { Cell, LabelCell } from 'design/DataTable';
+import { Cell, LabelCell } from 'design/DataTable';
 import { MenuButton, MenuItem } from 'shared/components/MenuAction';
 
 import { User, UserOrigin } from 'teleport/services/user';
+import { ClientSearcheableTableWithQueryParamSupport } from 'teleport/components/ClientSearcheableTableWithQueryParamSupport';
 
 export default function UserList({
   users = [],
@@ -30,7 +31,7 @@ export default function UserList({
   onReset,
 }: Props) {
   return (
-    <Table
+    <ClientSearcheableTableWithQueryParamSupport
       data={users}
       columns={[
         {
@@ -80,7 +81,6 @@ export default function UserList({
         },
       ]}
       emptyText="No Users Found"
-      isSearchable
       pagination={{ pageSize }}
     />
   );
diff --git a/web/packages/teleport/src/Users/Users.story.tsx b/web/packages/teleport/src/Users/Users.story.tsx
index 59d9819c2f78..38d07d519319 100644
--- a/web/packages/teleport/src/Users/Users.story.tsx
+++ b/web/packages/teleport/src/Users/Users.story.tsx
@@ -17,6 +17,7 @@
  */
 
 import React from 'react';
+import { MemoryRouter } from 'react-router';
 
 import { Users } from './Users';
 
@@ -31,11 +32,19 @@ export const Processing = () => {
     isSuccess: false,
     message: '',
   };
-  return <Users {...sample} attempt={attempt} />;
+  return (
+    <MemoryRouter>
+      <Users {...sample} attempt={attempt} />
+    </MemoryRouter>
+  );
 };
 
 export const Loaded = () => {
-  return <Users {...sample} />;
+  return (
+    <MemoryRouter>
+      <Users {...sample} />
+    </MemoryRouter>
+  );
 };
 
 export const Failed = () => {
@@ -45,7 +54,11 @@ export const Failed = () => {
     isSuccess: false,
     message: 'some error message',
   };
-  return <Users {...sample} attempt={attempt} />;
+  return (
+    <MemoryRouter>
+      <Users {...sample} attempt={attempt} />
+    </MemoryRouter>
+  );
 };
 
 const users = [
diff --git a/web/packages/teleport/src/Users/__snapshots__/Users.story.test.tsx.snap b/web/packages/teleport/src/Users/__snapshots__/Users.story.test.tsx.snap
index fb3b4e45e5b2..47f2f1e99484 100644
--- a/web/packages/teleport/src/Users/__snapshots__/Users.story.test.tsx.snap
+++ b/web/packages/teleport/src/Users/__snapshots__/Users.story.test.tsx.snap
@@ -243,17 +243,17 @@ exports[`success state 1`] = `
   align-items: center;
 }
 
-.c25 {
-  display: flex;
-  flex-wrap: wrap;
-}
-
 .c16 {
   display: flex;
   align-items: center;
   justify-content: flex-end;
 }
 
+.c25 {
+  display: flex;
+  flex-wrap: wrap;
+}
+
 .c5 {
   flex-shrink: 0;
   border-bottom: 1px solid rgba(255,255,255,0.07);
@@ -465,11 +465,12 @@ exports[`success state 1`] = `
       <div
         class="c10"
       >
-        <div
+        <form
           class="c11"
         >
           <input
             class="c12"
+            name="searchValue"
             placeholder="Search..."
             value=""
           />
@@ -480,7 +481,7 @@ exports[`success state 1`] = `
               class="c14"
             />
           </div>
-        </div>
+        </form>
       </div>
       <div
         class="c15 c16"
diff --git a/web/packages/teleport/src/components/ClientSearcheableTableWithQueryParamSupport/ClientSearcheableTableWithQueryParamSupport.tsx b/web/packages/teleport/src/components/ClientSearcheableTableWithQueryParamSupport/ClientSearcheableTableWithQueryParamSupport.tsx
new file mode 100644
index 000000000000..c71b6c56464a
--- /dev/null
+++ b/web/packages/teleport/src/components/ClientSearcheableTableWithQueryParamSupport/ClientSearcheableTableWithQueryParamSupport.tsx
@@ -0,0 +1,55 @@
+/**
+ * Teleport
+ * Copyright (C) 2024  Gravitational, Inc.
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Affero General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+
+import { useHistory, useLocation } from 'react-router';
+
+import { TableProps } from 'design/DataTable/types';
+import Table from 'design/DataTable';
+
+import {
+  decodeUrlQueryParam,
+  encodeUrlQueryParams,
+} from '../hooks/useUrlFiltering';
+
+export function ClientSearcheableTableWithQueryParamSupport<T>(
+  props: Omit<TableProps<T>, 'serversideProps'>
+) {
+  const loc = useLocation();
+  const history = useHistory();
+
+  const searchParams = new URLSearchParams(loc.search);
+
+  function updateUrlParams(searchString: string) {
+    history.replace(
+      encodeUrlQueryParams({ pathname: loc.pathname, searchString })
+    );
+  }
+
+  return (
+    <Table<T>
+      {...props}
+      clientSearch={{
+        initialSearchValue: decodeUrlQueryParam(
+          searchParams.get('search') || ''
+        ),
+        onSearchValueChange: updateUrlParams,
+      }}
+      isSearchable
+    />
+  );
+}
diff --git a/web/packages/teleport/src/Nodes/index.ts b/web/packages/teleport/src/components/ClientSearcheableTableWithQueryParamSupport/index.ts
similarity index 81%
rename from web/packages/teleport/src/Nodes/index.ts
rename to web/packages/teleport/src/components/ClientSearcheableTableWithQueryParamSupport/index.ts
index cf78baeafff2..4a291724e4d6 100644
--- a/web/packages/teleport/src/Nodes/index.ts
+++ b/web/packages/teleport/src/components/ClientSearcheableTableWithQueryParamSupport/index.ts
@@ -1,6 +1,6 @@
 /**
  * Teleport
- * Copyright (C) 2023  Gravitational, Inc.
+ * Copyright (C) 2024  Gravitational, Inc.
  *
  * This program is free software: you can redistribute it and/or modify
  * it under the terms of the GNU Affero General Public License as published by
@@ -16,4 +16,4 @@
  * along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 
-export { Nodes } from './Nodes';
+export { ClientSearcheableTableWithQueryParamSupport } from './ClientSearcheableTableWithQueryParamSupport';
diff --git a/web/packages/teleport/src/components/NodeList/NodeList.tsx b/web/packages/teleport/src/components/NodeList/NodeList.tsx
index d2220b4a15a9..e8ca7d809d0d 100644
--- a/web/packages/teleport/src/components/NodeList/NodeList.tsx
+++ b/web/packages/teleport/src/components/NodeList/NodeList.tsx
@@ -23,7 +23,7 @@ import { LoginItem, MenuLogin } from 'shared/components/MenuLogin';
 
 import { Node } from 'teleport/services/nodes';
 import { ResourceLabel, ResourceFilter } from 'teleport/services/agents';
-import ServersideSearchPanel from 'teleport/components/ServersideSearchPanel';
+import { ServersideSearchPanelWithPageIndicator } from 'teleport/components/ServersideSearchPanel';
 
 import type { PageIndicators } from 'teleport/components/hooks/useServersidePagination';
 
@@ -85,14 +85,13 @@ function NodeList(props: Props) {
         sort: params.sort,
         setSort,
         serversideSearchPanel: (
-          <ServersideSearchPanel
+          <ServersideSearchPanelWithPageIndicator
             pageIndicators={pageIndicators}
             params={params}
             setParams={setParams}
             pathname={pathname}
             replaceHistory={replaceHistory}
             disabled={fetchStatus === 'loading'}
-            bigInputSize={true}
           />
         ),
       }}
diff --git a/web/packages/teleport/src/UnifiedResources/SearchInput.tsx b/web/packages/teleport/src/components/ServersideSearchPanel/SearchInput.tsx
similarity index 100%
rename from web/packages/teleport/src/UnifiedResources/SearchInput.tsx
rename to web/packages/teleport/src/components/ServersideSearchPanel/SearchInput.tsx
diff --git a/web/packages/teleport/src/components/ServersideSearchPanel/ServersideSearchPanel.tsx b/web/packages/teleport/src/components/ServersideSearchPanel/ServersideSearchPanel.tsx
index 675f9739ec29..01ece4cb6e1f 100644
--- a/web/packages/teleport/src/components/ServersideSearchPanel/ServersideSearchPanel.tsx
+++ b/web/packages/teleport/src/components/ServersideSearchPanel/ServersideSearchPanel.tsx
@@ -18,90 +18,41 @@
 
 import React from 'react';
 import { Flex } from 'design';
-import InputSearch from 'design/DataTable/InputSearch';
-import { PageIndicatorText } from 'design/DataTable/Pager/PageIndicatorText';
 
 import { AdvancedSearchToggle } from 'shared/components/AdvancedSearchToggle';
 
-import { PageIndicators } from 'teleport/components/hooks/useServersidePagination';
-
 import useServersideSearchPanel, {
-  HookProps,
   SearchPanelState,
-} from './useServerSideSearchPanel';
-
-interface ComponentProps {
-  pageIndicators: PageIndicators;
-  disabled?: boolean;
-}
-
-export interface Props extends HookProps, ComponentProps {
-  bigInputSize?: boolean;
-}
+  HookProps,
+} from 'teleport/components/ServersideSearchPanel/useServerSideSearchPanel';
 
-export default function Container(props: Props) {
-  const {
-    pageIndicators,
-    disabled,
-    bigInputSize = false,
-    ...hookProps
-  } = props;
-  const state = useServersideSearchPanel(hookProps);
-  return (
-    <ServersideSearchPanel
-      {...state}
-      pageIndicators={pageIndicators}
-      disabled={disabled}
-      bigInputSize={bigInputSize}
-    />
-  );
-}
+import { SearchInput } from './SearchInput';
 
-interface State extends SearchPanelState, ComponentProps {
-  bigInputSize?: boolean;
+export function ServersideSearchPanel(props: HookProps) {
+  const state = useServersideSearchPanel(props);
+  return <SearchPanel {...state} />;
 }
 
-export function ServersideSearchPanel({
+export function SearchPanel({
   searchString,
   setSearchString,
   isAdvancedSearch,
   setIsAdvancedSearch,
   onSubmitSearch,
-  pageIndicators,
-  disabled = false,
-  bigInputSize = false,
-}: State) {
+}: SearchPanelState) {
   function onToggle() {
-    setIsAdvancedSearch(!isAdvancedSearch);
+    setIsAdvancedSearch(wasAdvancedSearch => !wasAdvancedSearch);
   }
 
   return (
-    <Flex
-      as="form"
-      onSubmit={onSubmitSearch}
-      alignItems="center"
-      justifyContent="space-between"
-      width="100%"
-      style={disabled ? { pointerEvents: 'none', opacity: '0.5' } : {}}
-    >
-      <InputSearch
-        searchValue={searchString}
-        setSearchValue={setSearchString}
-        bigInputSize={bigInputSize}
-      >
+    <Flex as="form" className="SearchPanel" onSubmit={onSubmitSearch}>
+      <SearchInput searchValue={searchString} setSearchValue={setSearchString}>
         <AdvancedSearchToggle
           isToggled={isAdvancedSearch}
           onToggle={onToggle}
           px={4}
         />
-      </InputSearch>
-      <Flex justifyContent="flex-end" mr={2} mb={1} mt={2}>
-        <PageIndicatorText
-          from={pageIndicators.from}
-          to={pageIndicators.to}
-          count={pageIndicators.totalCount}
-        />
-      </Flex>
+      </SearchInput>
     </Flex>
   );
 }
diff --git a/web/packages/teleport/src/components/ServersideSearchPanel/ServersideSearchPanelWithPageIndicator.tsx b/web/packages/teleport/src/components/ServersideSearchPanel/ServersideSearchPanelWithPageIndicator.tsx
new file mode 100644
index 000000000000..be9ef01c1536
--- /dev/null
+++ b/web/packages/teleport/src/components/ServersideSearchPanel/ServersideSearchPanelWithPageIndicator.tsx
@@ -0,0 +1,64 @@
+/**
+ * Teleport
+ * Copyright (C) 2023  Gravitational, Inc.
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Affero General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+
+import React from 'react';
+import { Flex } from 'design';
+import { PageIndicatorText } from 'design/DataTable/Pager/PageIndicatorText';
+
+import { PageIndicators } from 'teleport/components/hooks/useServersidePagination';
+
+import useServersideSearchPanel, {
+  HookProps,
+} from './useServerSideSearchPanel';
+import { SearchPanel } from './ServersideSearchPanel';
+
+interface ComponentProps {
+  pageIndicators: PageIndicators;
+  disabled?: boolean;
+}
+
+export interface Props extends HookProps, ComponentProps {}
+
+export function ServersideSearchPanelWithPageIndicator(props: Props) {
+  const { pageIndicators, disabled, ...hookProps } = props;
+  const state = useServersideSearchPanel(hookProps);
+  return (
+    <Flex
+      gap={3}
+      alignItems="center"
+      justifyContent="space-between"
+      width="100%"
+      style={disabled ? { pointerEvents: 'none', opacity: '0.5' } : {}}
+    >
+      <SearchPanel
+        searchString={state.searchString}
+        setSearchString={state.setSearchString}
+        isAdvancedSearch={state.isAdvancedSearch}
+        setIsAdvancedSearch={state.setIsAdvancedSearch}
+        onSubmitSearch={state.onSubmitSearch}
+      />
+      <Flex justifyContent="flex-end" mr={2} mb={1} mt={2}>
+        <PageIndicatorText
+          from={pageIndicators.from}
+          to={pageIndicators.to}
+          count={pageIndicators.totalCount}
+        />
+      </Flex>
+    </Flex>
+  );
+}
diff --git a/web/packages/teleport/src/components/ServersideSearchPanel/index.ts b/web/packages/teleport/src/components/ServersideSearchPanel/index.ts
index fba6c024973f..4dd26572f8c3 100644
--- a/web/packages/teleport/src/components/ServersideSearchPanel/index.ts
+++ b/web/packages/teleport/src/components/ServersideSearchPanel/index.ts
@@ -16,6 +16,5 @@
  * along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 
-import ServersideSearchPanel from './ServersideSearchPanel';
-
-export default ServersideSearchPanel;
+export { ServersideSearchPanelWithPageIndicator } from './ServersideSearchPanelWithPageIndicator';
+export { ServersideSearchPanel } from './ServersideSearchPanel';
diff --git a/web/packages/teleport/src/components/ServersideSearchPanel/useServerSideSearchPanel.ts b/web/packages/teleport/src/components/ServersideSearchPanel/useServerSideSearchPanel.ts
index 1aab8cc3243e..d2ed418da3e9 100644
--- a/web/packages/teleport/src/components/ServersideSearchPanel/useServerSideSearchPanel.ts
+++ b/web/packages/teleport/src/components/ServersideSearchPanel/useServerSideSearchPanel.ts
@@ -55,14 +55,14 @@ export default function useServersideSearchPanel({
       });
     }
     replaceHistory(
-      encodeUrlQueryParams(
+      encodeUrlQueryParams({
         pathname,
         searchString,
-        params.sort,
-        params.kinds,
+        sort: params.sort,
+        kinds: params.kinds,
         isAdvancedSearch,
-        params.pinnedOnly
-      )
+        pinnedOnly: params.pinnedOnly,
+      })
     );
   }
 
diff --git a/web/packages/teleport/src/components/hooks/useUrlFiltering/encodeUrlQueryParams.test.ts b/web/packages/teleport/src/components/hooks/useUrlFiltering/encodeUrlQueryParams.test.ts
index 768a4f929a19..f68e5a0ca573 100644
--- a/web/packages/teleport/src/components/hooks/useUrlFiltering/encodeUrlQueryParams.test.ts
+++ b/web/packages/teleport/src/components/hooks/useUrlFiltering/encodeUrlQueryParams.test.ts
@@ -16,52 +16,69 @@
  * along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 
-import { encodeUrlQueryParams } from './encodeUrlQueryParams';
+import {
+  encodeUrlQueryParams,
+  EncodeUrlQueryParamsProps,
+} from './encodeUrlQueryParams';
 
-test.each([
+const testCases: {
+  title: string;
+  args: EncodeUrlQueryParamsProps;
+  expected: string;
+}[] = [
   {
     title: 'No query params',
-    args: ['/foo', '', null, null, false],
+    args: { pathname: '/foo' },
     expected: '/foo',
   },
   {
     title: 'Search string',
-    args: ['/test', 'something', null, null, false],
+    args: { pathname: '/test', searchString: 'something' },
     expected: '/test?search=something',
   },
   {
     title: 'Search string, encoded',
-    args: ['/test', 'a$b$c', null, null, false],
+    args: { pathname: '/test', searchString: 'a$b$c' },
     expected: '/test?search=a%24b%24c',
   },
   {
     title: 'Advanced search',
-    args: ['/test', 'foo=="bar"', null, null, true],
+    args: {
+      pathname: '/test',
+      searchString: 'foo=="bar"',
+      isAdvancedSearch: true,
+    },
     expected: '/test?query=foo%3D%3D%22bar%22',
   },
   {
     title: 'Search and sort',
-    args: ['/test', 'foobar', { fieldName: 'name', dir: 'ASC' }, null, false],
+    args: {
+      pathname: '/test',
+      searchString: 'foobar',
+      sort: { fieldName: 'name', dir: 'ASC' },
+    },
     expected: '/test?search=foobar&sort=name%3Aasc',
   },
   {
     title: 'Sort only',
-    args: ['/test', '', { fieldName: 'name', dir: 'ASC' }, null, false],
+    args: {
+      pathname: '/test',
+      sort: { fieldName: 'name', dir: 'ASC' },
+    },
     expected: '/test?sort=name%3Aasc',
   },
   {
     title: 'Search, sort, and filter by kind',
-    args: [
-      '/test',
-      'foo',
-      { fieldName: 'name', dir: 'DESC' },
-      ['db', 'node'],
-      false,
-    ],
+    args: {
+      pathname: '/test',
+      searchString: 'foo',
+      sort: { fieldName: 'name', dir: 'DESC' },
+      kinds: ['db', 'node'],
+    },
     expected: '/test?search=foo&sort=name%3Adesc&kinds=db&kinds=node',
   },
-])('$title', ({ args, expected }) => {
-  expect(
-    encodeUrlQueryParams(...(args as Parameters<typeof encodeUrlQueryParams>))
-  ).toBe(expected);
+];
+
+test.each(testCases)('$title', ({ args, expected }) => {
+  expect(encodeUrlQueryParams(args)).toBe(expected);
 });
diff --git a/web/packages/teleport/src/components/hooks/useUrlFiltering/encodeUrlQueryParams.ts b/web/packages/teleport/src/components/hooks/useUrlFiltering/encodeUrlQueryParams.ts
index 9e569ec1c890..a00b57dc4769 100644
--- a/web/packages/teleport/src/components/hooks/useUrlFiltering/encodeUrlQueryParams.ts
+++ b/web/packages/teleport/src/components/hooks/useUrlFiltering/encodeUrlQueryParams.ts
@@ -18,14 +18,23 @@
 
 import { SortType } from 'design/DataTable/types';
 
-export function encodeUrlQueryParams(
-  pathname: string,
-  searchString: string,
-  sort: SortType | null,
-  kinds: string[] | null,
-  isAdvancedSearch: boolean,
-  pinnedOnly: boolean
-) {
+export type EncodeUrlQueryParamsProps = {
+  pathname: string;
+  searchString?: string;
+  sort?: SortType | null;
+  kinds?: string[] | null;
+  isAdvancedSearch?: boolean;
+  pinnedOnly?: boolean;
+};
+
+export function encodeUrlQueryParams({
+  pathname,
+  searchString = '',
+  sort,
+  kinds,
+  isAdvancedSearch = false,
+  pinnedOnly = false,
+}: EncodeUrlQueryParamsProps) {
   const urlParams = new URLSearchParams();
 
   if (searchString) {
diff --git a/web/packages/teleport/src/components/hooks/useUrlFiltering/useUrlFiltering.ts b/web/packages/teleport/src/components/hooks/useUrlFiltering/useUrlFiltering.ts
index 1e00f558d0f7..374a50d317ac 100644
--- a/web/packages/teleport/src/components/hooks/useUrlFiltering/useUrlFiltering.ts
+++ b/web/packages/teleport/src/components/hooks/useUrlFiltering/useUrlFiltering.ts
@@ -60,14 +60,14 @@ export function useUrlFiltering(
 
     setParams({ ...params, search: '', query: queryAfterLabelClick });
     replaceHistory(
-      encodeUrlQueryParams(
+      encodeUrlQueryParams({
         pathname,
-        queryAfterLabelClick,
-        params.sort,
-        params.kinds,
-        true /*isAdvancedSearch*/,
-        params.pinnedOnly
-      )
+        searchString: queryAfterLabelClick,
+        sort: params.sort,
+        kinds: params.kinds,
+        isAdvancedSearch: true,
+        pinnedOnly: params.pinnedOnly,
+      })
     );
   };
 
diff --git a/web/packages/teleport/src/config.ts b/web/packages/teleport/src/config.ts
index 1ef76f475022..e9c1b7d5cdec 100644
--- a/web/packages/teleport/src/config.ts
+++ b/web/packages/teleport/src/config.ts
@@ -557,8 +557,7 @@ const cfg = {
   },
 
   getUsersRoute() {
-    const clusterId = cfg.proxyCluster;
-    return generatePath(cfg.routes.users, { clusterId });
+    return cfg.routes.users;
   },
 
   getBotsRoute() {
diff --git a/web/packages/teleport/src/features.tsx b/web/packages/teleport/src/features.tsx
index 006b5c14c4b2..61c6dffe7eee 100644
--- a/web/packages/teleport/src/features.tsx
+++ b/web/packages/teleport/src/features.tsx
@@ -55,7 +55,6 @@ import { UnifiedResources } from './UnifiedResources';
 import { AccountPage } from './Account';
 import { Support } from './Support';
 import { Clusters } from './Clusters';
-import { Nodes } from './Nodes';
 import { TrustedClusters } from './TrustedClusters';
 import { Users } from './Users';
 import { RolesContainer as Roles } from './Roles';
@@ -99,31 +98,6 @@ class AccessRequests implements TeleportFeature {
   topMenuItem = this.navigationItem;
 }
 
-export class FeatureNodes implements TeleportFeature {
-  route = {
-    title: 'Servers',
-    path: cfg.routes.nodes,
-    exact: true,
-    component: Nodes,
-  };
-
-  navigationItem = {
-    title: NavTitle.Servers,
-    icon: Server,
-    exact: true,
-    getLink(clusterId: string) {
-      return cfg.getNodesRoute(clusterId);
-    },
-  };
-
-  category = NavigationCategory.Resources;
-
-  hasAccess(flags: FeatureFlags) {
-    return flags.nodes;
-  }
-}
-
-// TODO (avatus) add navigationItem when ready to release
 export class FeatureJoinTokens implements TeleportFeature {
   category = NavigationCategory.Management;
   section = ManagementSection.Access;
@@ -215,7 +189,7 @@ export class FeatureUsers implements TeleportFeature {
     title: 'Manage Users',
     path: cfg.routes.users,
     exact: true,
-    component: () => <Users />,
+    component: Users,
   };
 
   hasAccess(flags: FeatureFlags): boolean {
diff --git a/web/packages/teleport/src/services/integrations/oktaStatusTypes.ts b/web/packages/teleport/src/services/integrations/oktaStatusTypes.ts
index 1761c6e7d18e..eaec026f3b2a 100644
--- a/web/packages/teleport/src/services/integrations/oktaStatusTypes.ts
+++ b/web/packages/teleport/src/services/integrations/oktaStatusTypes.ts
@@ -36,13 +36,11 @@ export enum PluginOktaSyncStatusCode {
   Error = 2,
 }
 
+/**
+ * Contains statistics about the various sub-services in the Okta
+ * integration
+ */
 export type PluginStatusOkta = {
-  orgUrl: string;
-  accessListSyncEnabled: boolean;
-  details?: PluginOktaDetails;
-};
-
-export type PluginOktaDetails = {
   ssoDetails?: OktaSsoDetails;
   appGroupSyncDetails?: OktaAppGroupSyncDetails;
   usersSyncDetails?: OktaUserSyncDetails;
@@ -92,7 +90,6 @@ export type OktaAccessListSyncDetails = {
   numGroups: number;
   appFilters: string[];
   groupFilters: string[];
-  defaultOwners: string[];
   /**
    * Error contains a textual description of the reason the last synchronization
    * failed. Only valid when StatusCode is OKTA_PLUGIN_SYNC_STATUS_CODE_ERROR.
diff --git a/web/packages/teleport/src/services/integrations/types.ts b/web/packages/teleport/src/services/integrations/types.ts
index 80dd390f5ec9..d6c273cd4da3 100644
--- a/web/packages/teleport/src/services/integrations/types.ts
+++ b/web/packages/teleport/src/services/integrations/types.ts
@@ -33,18 +33,27 @@ import { Node } from '../nodes';
  * while "plugin" resource is only supported in enterprise. Plugin
  * type exists in OS for easier typing when combining the resources
  * into one list.
+ *
+ * Generics:
+ *  T is resource type "integration" or "plugin"
+ *  K is the kind of integration (eg: aws-oidc) or plugin (eg: okta)
+ *  SP is the provider-specific spec of integration or plugin
+ *  SD is the provider-specific status containing status details
+ *   - currently only defined for plugin resource
  */
 export type Integration<
   T extends string = 'integration',
   K extends string = IntegrationKind,
-  S extends Record<string, any> = IntegrationSpecAwsOidc,
+  SP extends Record<string, any> = IntegrationSpecAwsOidc,
+  SD extends Record<string, any> = null,
 > = {
   resourceType: T;
   kind: K;
-  spec?: S;
+  spec?: SP;
   name: string;
   details?: string;
   statusCode: IntegrationStatusCode;
+  status?: SD;
 };
 // IntegrationKind string values should be in sync
 // with the backend value for defining the integration
@@ -118,7 +127,32 @@ export type ExternalAuditStorageIntegration = Integration<
   ExternalAuditStorage
 >;
 
-export type Plugin<T = any> = Integration<'plugin', PluginKind, T>;
+export type Plugin<SP = any, D = any> = Integration<
+  'plugin',
+  PluginKind,
+  SP,
+  PluginStatus<D>
+>;
+
+export type PluginStatus<D = any> = {
+  /**
+   * the status code of the plugin
+   */
+  code: IntegrationStatusCode;
+  /**
+   * the time the plugin was last run
+   */
+  lastRun: Date;
+  /**
+   * the last error message from the plugin
+   */
+  errorMessage: string;
+  /**
+   * contains provider-specific status information
+   */
+  details?: D;
+};
+
 export type PluginSpec =
   | PluginOktaSpec
   | PluginSlackSpec
@@ -143,13 +177,6 @@ export type PluginKind =
   | 'jamf'
   | 'entra-id';
 
-export type PluginStatus<S = any> = {
-  name: string;
-  type: PluginKind;
-  statusCode: IntegrationStatusCode;
-  stats?: S;
-};
-
 export type PluginOktaSpec = {
   // scimBearerToken is the plain text of the bearer token that Okta will use
   // to authenticate SCIM requests
@@ -167,6 +194,15 @@ export type PluginOktaSpec = {
   // that were deemed not serious enough to fail the plugin installation, but
   // may effect the operation of advanced features like User Sync or SCIM.
   error: string;
+  /**
+   * is the set of usernames that the integration assigns as
+   * owners to any Access Lists that it creates
+   */
+  defaultOwners: string[];
+  /**
+   * the Okta org's base URL
+   */
+  orgUrl: string;
 };
 
 export type PluginSlackSpec = {
diff --git a/web/packages/teleterm/src/ui/DocumentAccessRequests/NewRequest/NewRequest.tsx b/web/packages/teleterm/src/ui/DocumentAccessRequests/NewRequest/NewRequest.tsx
index 54c594754187..1bff816f69e3 100644
--- a/web/packages/teleterm/src/ui/DocumentAccessRequests/NewRequest/NewRequest.tsx
+++ b/web/packages/teleterm/src/ui/DocumentAccessRequests/NewRequest/NewRequest.tsx
@@ -142,7 +142,6 @@ function Inner(props: { rootCluster: Cluster }) {
             updateSearch={updateSearch}
             pageIndicators={pageCount}
             filter={agentFilter}
-            showSearchBar={true}
             disableSearch={fetchStatus === 'loading'}
           />
         )}