diff --git a/ui/src/components/messages/Messages.test.tsx b/ui/src/components/messages/Messages.test.tsx
index b380a30..e688192 100644
--- a/ui/src/components/messages/Messages.test.tsx
+++ b/ui/src/components/messages/Messages.test.tsx
@@ -1,11 +1,11 @@
-import { render, screen, fireEvent } from '@testing-library/react'
 import React from 'react'
+import { render, screen, fireEvent } from '@testing-library/react'
 import { NotificationType } from '../../__generated__/globalTypes'
 import { MessageState } from './Messages'
 import MessagePlain from './Message'
 import MessageProgress from './MessageProgress'
 
-// Define the mock for SubscriptionsHook before using it
+// Define the mock for SubscriptionsHook before importing it
 const MockSubscriptionsHook = ({ messages, setMessages }: any) => {
   return (
     <div>