diff --git a/api/src/graphql/comments.sdl.ts b/api/src/graphql/comments.sdl.ts
index cb6f63acb..272a67092 100644
--- a/api/src/graphql/comments.sdl.ts
+++ b/api/src/graphql/comments.sdl.ts
@@ -9,7 +9,7 @@ export const schema = gql`
   }
 
   type Query {
-    comments: [Comment!]! @requireAuth
+    comments: [Comment!]! @skipAuth
   }
 
   input CreateCommentInput {
diff --git a/web/src/components/CommentsCell/CommentsCell.test.tsx b/web/src/components/CommentsCell/CommentsCell.test.tsx
index 4532426ee..c44ac6858 100644
--- a/web/src/components/CommentsCell/CommentsCell.test.tsx
+++ b/web/src/components/CommentsCell/CommentsCell.test.tsx
@@ -19,6 +19,7 @@ describe('CommentsCell', () => {
   it('renders Empty successfully', async () => {
     expect(() => {
       render(<Empty />)
+      expect(screen.getByText('No comments yet')).toBeInTheDocument()
     }).not.toThrow()
   })
 
diff --git a/web/src/components/CommentsCell/CommentsCell.tsx b/web/src/components/CommentsCell/CommentsCell.tsx
index 7bb69bf10..024e862e5 100644
--- a/web/src/components/CommentsCell/CommentsCell.tsx
+++ b/web/src/components/CommentsCell/CommentsCell.tsx
@@ -17,7 +17,9 @@ export const QUERY = gql`
 
 export const Loading = () => <div>Loading...</div>
 
-export const Empty = () => <div>Empty</div>
+export const Empty = () => (
+  <div className="text-center text-gray-500">No comments yet</div>
+)
 
 export const Failure = ({ error }: CellFailureProps) => (
   <div style={{ color: 'red' }}>Error: {error?.message}</div>