From 2214a479a0778ce6d587de14005d2313f58a5072 Mon Sep 17 00:00:00 2001
From: Parkreiner <michaelsmith@coder.com>
Date: Thu, 21 Dec 2023 22:29:28 +0000
Subject: [PATCH] fix: prevent UI from jumping around when selecting workspaces

---
 site/src/components/PaginationWidget/PaginationHeader.tsx | 6 ++++++
 site/src/pages/WorkspacesPage/WorkspacesPageView.tsx      | 1 +
 2 files changed, 7 insertions(+)

diff --git a/site/src/components/PaginationWidget/PaginationHeader.tsx b/site/src/components/PaginationWidget/PaginationHeader.tsx
index 043ea674816a5..cc6c4fafd9049 100644
--- a/site/src/components/PaginationWidget/PaginationHeader.tsx
+++ b/site/src/components/PaginationWidget/PaginationHeader.tsx
@@ -7,6 +7,10 @@ type PaginationHeaderProps = {
   limit: number;
   totalRecords: number | undefined;
   currentOffsetStart: number | undefined;
+
+  // Temporary escape hatch until Workspaces can be switched over to using
+  // PaginationContainer
+  className?: string;
 };
 
 export const PaginationHeader: FC<PaginationHeaderProps> = ({
@@ -14,6 +18,7 @@ export const PaginationHeader: FC<PaginationHeaderProps> = ({
   limit,
   totalRecords,
   currentOffsetStart,
+  className,
 }) => {
   const theme = useTheme();
 
@@ -32,6 +37,7 @@ export const PaginationHeader: FC<PaginationHeaderProps> = ({
           color: theme.palette.text.primary,
         },
       }}
+      className={className}
     >
       {totalRecords !== undefined ? (
         <>
diff --git a/site/src/pages/WorkspacesPage/WorkspacesPageView.tsx b/site/src/pages/WorkspacesPage/WorkspacesPageView.tsx
index 435f4f4c26d9b..4fc999965ba76 100644
--- a/site/src/pages/WorkspacesPage/WorkspacesPageView.tsx
+++ b/site/src/pages/WorkspacesPage/WorkspacesPageView.tsx
@@ -162,6 +162,7 @@ export const WorkspacesPageView = ({
             limit={limit}
             totalRecords={count}
             currentOffsetStart={(page - 1) * limit + 1}
+            css={{ paddingBottom: "0" }}
           />
         )}
       </TableToolbar>