diff --git a/packages/gatsby-theme-wordpress-basic/package.json b/packages/gatsby-theme-wordpress-basic/package.json
index 4316856..86838d6 100644
--- a/packages/gatsby-theme-wordpress-basic/package.json
+++ b/packages/gatsby-theme-wordpress-basic/package.json
@@ -84,8 +84,8 @@
"@emotion/react": "^11.11.0",
"@emotion/styled": "^11.11.0",
"@gatsbyjs/reach-router": "^1.3.6",
- "@wsui/algolia": "^0.10.0",
- "@wsui/base": "^0.10.0",
+ "@wsui/algolia": "^0.10.5",
+ "@wsui/base": "^0.10.5",
"gatsby": "^3.14.3",
"react": "^17.0.0",
"react-dom": "^17.0.0"
@@ -102,8 +102,8 @@
"@storybook/react-vite": "^7.0.12",
"@storybook/testing-library": "^0.1.0",
"@whitespace/storybook-addon-html": "^5.1.1",
- "@wsui/algolia": "^0.10.0",
- "@wsui/base": "^0.10.0",
+ "@wsui/algolia": "^0.10.5",
+ "@wsui/base": "^0.10.5",
"gatsby": "^3.14.3",
"prettier": "^2.4.1",
"react": "^17.0.0",
diff --git a/packages/gatsby-theme-wordpress-basic/src/wsui/components/Footer.jsx b/packages/gatsby-theme-wordpress-basic/src/wsui/components/Footer.jsx
index 8174c46..0c6fcc1 100644
--- a/packages/gatsby-theme-wordpress-basic/src/wsui/components/Footer.jsx
+++ b/packages/gatsby-theme-wordpress-basic/src/wsui/components/Footer.jsx
@@ -10,6 +10,7 @@ import {
handleComponentsProp,
useThemeProps,
} from "@wsui/base";
+import clsx from "clsx";
import { useMenu } from "../../hooks/menus";
import useFooterBlocks from "../../hooks/useFooterBlocks";
@@ -39,6 +40,7 @@ export default function Footer(inProps) {
bannerBorderColor = "white",
components,
legalMenu = "LEGAL",
+ className,
...restProps
} = useThemeProps({
props: inProps,
@@ -58,6 +60,7 @@ export default function Footer(inProps) {
background: ${theme.getColor(color)};
color: ${theme.getColor([color, "text"])};
`}
+ className={clsx("wsui-screen-only", className)}
{...restProps}
>