diff --git a/features/frontend-showcase/frontend/src/App.tsx b/features/frontend-showcase/frontend/src/App.tsx
index fd9c78bd4..c39ad3b8a 100755
--- a/features/frontend-showcase/frontend/src/App.tsx
+++ b/features/frontend-showcase/frontend/src/App.tsx
@@ -4,9 +4,10 @@
  * Demonstrates the WYSIWYG content editor with various examples.
  */
 
-import styled from '@lilith/ui-styled-components';
 import { EditableContent } from '@lilith/ui-dev-content';
 import { DeveloperFab } from '@lilith/ui-developer-fab';
+import styled from '@lilith/ui-styled-components';
+
 import showcaseData from './locales/en/showcase.json';
 
 const AppContainer = styled.div`
@@ -115,8 +116,7 @@ const Badge = styled.span`
   margin-left: 0.5rem;
 `;
 
-function App() {
-  return (
+const App = () => (
     <>
     <AppContainer>
       <Header>
@@ -279,7 +279,6 @@ function App() {
       />
     )}
     </>
-  );
-}
+  )
 
 export default App;
diff --git a/features/frontend-showcase/frontend/src/main.tsx b/features/frontend-showcase/frontend/src/main.tsx
index 768043971..8c1d06c28 100755
--- a/features/frontend-showcase/frontend/src/main.tsx
+++ b/features/frontend-showcase/frontend/src/main.tsx
@@ -6,6 +6,7 @@
 
 import { bootstrap } from '@lilith/service-react-bootstrap';
 import { ThemeProvider } from '@lilith/ui-theme';
+
 import App from './App';
 
 bootstrap({