diff --git a/src/frontend/src/features/rooms/livekit/components/controls/PaginationControl.tsx b/src/frontend/src/features/rooms/livekit/components/controls/PaginationControl.tsx
index 8a51dee8..4ed1ff91 100644
--- a/src/frontend/src/features/rooms/livekit/components/controls/PaginationControl.tsx
+++ b/src/frontend/src/features/rooms/livekit/components/controls/PaginationControl.tsx
@@ -44,6 +44,8 @@ export function PaginationControl({
     }
   }, [connectedElement])
 
+  if (totalPageCount <= 1) return null
+
   return (
     <div
       className={css({
@@ -66,6 +68,7 @@ export function PaginationControl({
       data-lk-user-interaction={interactive}
     >
       <Button
+        isDisabled={currentPage == 1}
         onPress={prevPage}
         size="xs"
         variant="quaternaryText"
@@ -85,6 +88,7 @@ export function PaginationControl({
         })}
       </span>
       <Button
+        isDisabled={currentPage == totalPageCount}
         onPress={nextPage}
         size="xs"
         variant="quaternaryText"
diff --git a/src/frontend/src/primitives/buttonRecipe.ts b/src/frontend/src/primitives/buttonRecipe.ts
index e5563a37..913d110d 100644
--- a/src/frontend/src/primitives/buttonRecipe.ts
+++ b/src/frontend/src/primitives/buttonRecipe.ts
@@ -205,6 +205,10 @@ export const buttonRecipe = cva({
           backgroundColor: 'greyscale.100',
           color: 'greyscale.700',
         },
+        '&[data-disabled]': {
+          backgroundColor: 'transparent',
+          color: 'greyscale.300',
+        },
       },
       greyscale: {
         backgroundColor: 'transparent',