diff --git a/app/soapbox/components/hashtag.tsx b/app/soapbox/components/hashtag.tsx
index 06d44d467..c8e45a084 100644
--- a/app/soapbox/components/hashtag.tsx
+++ b/app/soapbox/components/hashtag.tsx
@@ -42,7 +42,7 @@ const Hashtag: React.FC<IHashtag> = ({ hashtag }) => {
       </Stack>
 
       {hashtag.get('history') && (
-        <div className='w-[40px]'>
+        <div className='w-[40px]' data-testid='sparklines'>
           <Sparklines
             width={40}
             height={28}
diff --git a/app/soapbox/features/ui/components/__tests__/trends-panel.test.tsx b/app/soapbox/features/ui/components/__tests__/trends-panel.test.tsx
index f2d310c55..d122090c2 100644
--- a/app/soapbox/features/ui/components/__tests__/trends-panel.test.tsx
+++ b/app/soapbox/features/ui/components/__tests__/trends-panel.test.tsx
@@ -10,13 +10,19 @@ describe('<TrendsPanel />', () => {
       trends: ImmutableMap({
         items: fromJS([{
           name: 'hashtag 1',
-          history: [{ accounts: [] }],
+          history: [{
+            day: '1652745600',
+            uses: '294',
+            accounts: '180',
+          }],
         }]),
       }),
     };
 
     render(<TrendsPanel limit={1} />, null, store);
     expect(screen.getByTestId('hashtag')).toHaveTextContent(/hashtag 1/i);
+    expect(screen.getByTestId('hashtag')).toHaveTextContent(/180 people talking/i);
+    expect(screen.getByTestId('sparklines')).toBeInTheDocument();
   });
 
   it('renders multiple trends', () => {