diff --git a/app/javascript/mastodon/features/ui/components/__tests__/column-test.jsx b/app/javascript/mastodon/features/ui/components/__tests__/column-test.tsx
similarity index 64%
rename from app/javascript/mastodon/features/ui/components/__tests__/column-test.jsx
rename to app/javascript/mastodon/features/ui/components/__tests__/column-test.tsx
index ca74fa2dc4..93f07c7d8b 100644
--- a/app/javascript/mastodon/features/ui/components/__tests__/column-test.jsx
+++ b/app/javascript/mastodon/features/ui/components/__tests__/column-test.tsx
@@ -9,17 +9,29 @@ describe('<Column />', () => {
     it('runs the scroll animation if the column contains scrollable content', () => {
       const scrollToMock = jest.fn();
       const { container } = render(
-        <Column heading='notifications' icon='notifications' iconComponent={fakeIcon}>
+        <Column
+          heading='notifications'
+          icon='notifications'
+          iconComponent={fakeIcon}
+        >
           <div className='scrollable' />
         </Column>,
       );
-      container.querySelector('.scrollable').scrollTo = scrollToMock;
+      const scrollable = container.querySelector('.scrollable');
+      if (scrollable?.scrollTo) scrollable.scrollTo = scrollToMock;
+
       fireEvent.click(screen.getByText('notifications'));
       expect(scrollToMock).toHaveBeenCalledWith({ behavior: 'smooth', top: 0 });
     });
 
     it('does not try to scroll if there is no scrollable content', () => {
-      render(<Column heading='notifications' icon='notifications' iconComponent={fakeIcon} />);
+      render(
+        <Column
+          heading='notifications'
+          icon='notifications'
+          iconComponent={fakeIcon}
+        />,
+      );
       fireEvent.click(screen.getByText('notifications'));
     });
   });