diff --git a/packages/layout_editor/src/views/GlobalStyles.jsx b/packages/layout_editor/src/views/GlobalStyles.jsx
index f6bd268d9..b6b0fda2b 100644
--- a/packages/layout_editor/src/views/GlobalStyles.jsx
+++ b/packages/layout_editor/src/views/GlobalStyles.jsx
@@ -2,7 +2,7 @@ import React from 'react';
 import { css, Global } from '@emotion/react';
 import { useTheme, alpha } from '@embeddedchat/ui-elements';
 
-const useStyles = ({ theme }) => css`
+const getGlobalStyles = ({ theme }) => css`
   * {
     box-sizing: border-box;
     margin: 0;
@@ -39,7 +39,7 @@ const useStyles = ({ theme }) => css`
 `;
 
 const GlobalStyles = () => {
-  const styles = useStyles(useTheme());
+  const styles = getGlobalStyles(useTheme());
 
   return <Global styles={styles} />;
 };