diff --git a/example/app/horizontal-bands-line.tsx b/example/app/horizontal-bands-line.tsx
index b48e2634..d9b5282e 100644
--- a/example/app/horizontal-bands-line.tsx
+++ b/example/app/horizontal-bands-line.tsx
@@ -38,7 +38,7 @@ function HorizontalBandsShader({
       return [...acc, ...cur];
     }, [] as number[]);
 
-  const horizonalBandsShader = React.useMemo(() => {
+  const horizontalBandsShader = React.useMemo(() => {
     const bandsLength = thresholdsYValues.length;
 
     return Skia.RuntimeEffect.Make(`
@@ -60,7 +60,7 @@ function HorizontalBandsShader({
 
   return (
     <Shader
-      source={horizonalBandsShader}
+      source={horizontalBandsShader}
       uniforms={{
         thresholdsYValues: new Float32Array(thresholdsYValues),
         thresholdsColors: new Float32Array(thresholdsColors),