diff --git a/ui/app/src/App/App.tsx b/ui/app/src/App/App.tsx
index 795c01d54..0914d0bf8 100644
--- a/ui/app/src/App/App.tsx
+++ b/ui/app/src/App/App.tsx
@@ -1,7 +1,7 @@
 /** @jsx jsx */
 import { FC, ReactNode, Fragment } from 'react';
 import { jsx, Box } from 'theme-ui';
-import { SkipLinks, SkiLinksItemProps } from '@component-controls/components';
+import { SkipLinks, SkipLinksItemProps } from '@component-controls/components';
 import {
   useStore,
   useCurrentDocument,
@@ -25,7 +25,7 @@ export const App: FC<AppProps> = ({ children, Helmet }) => {
   const doc = useCurrentDocument();
   const config = useConfig();
   const { toolbar } = config;
-  const items: SkiLinksItemProps[] = [
+  const items: SkipLinksItemProps[] = [
     {
       target: 'content',
       text: 'skip to main content',
diff --git a/ui/components/src/SkipLinks/SkipLinks.tsx b/ui/components/src/SkipLinks/SkipLinks.tsx
index 27075c925..7d4303fcd 100644
--- a/ui/components/src/SkipLinks/SkipLinks.tsx
+++ b/ui/components/src/SkipLinks/SkipLinks.tsx
@@ -13,12 +13,12 @@ export interface SkiLinksItemOwnProps {
   text: string;
 }
 
-export type SkiLinksItemProps = SkiLinksItemOwnProps & LinkProps;
+export type SkipLinksItemProps = SkiLinksItemOwnProps & LinkProps;
 
 /**
  * single skip link anchor item
  */
-export const SkiLinksItem: FC<SkiLinksItemProps & LinkProps> = ({
+export const SkiLinksItem: FC<SkipLinksItemProps & LinkProps> = ({
   target,
   text,
   ...rest
@@ -29,7 +29,7 @@ export const SkiLinksItem: FC<SkiLinksItemProps & LinkProps> = ({
 );
 
 export interface SkipLinksProps {
-  items: SkiLinksItemProps[];
+  items: SkipLinksItemProps[];
 }
 
 /**