diff --git a/app/test/Blocks.tsx b/app/test/Blocks.tsx
index 9d6dca4d..637afd29 100644
--- a/app/test/Blocks.tsx
+++ b/app/test/Blocks.tsx
@@ -1,7 +1,7 @@
 import { useState } from "react";
 import {
   BlockCardSmall,
-  CloseConstrastSmall,
+  CloseContrastSmall,
   CloseTiny,
   BlockImageSmall,
   LinkSmall,
@@ -60,7 +60,7 @@ export const ImageBlock = (props: { src: string; cardHeight: number }) => {
   return (
     <div className="pb-4 pt-2 relative group/image flex w-fit place-self-center justify-center">
       <button className="absolute right-2 top-6 z-10 hidden group-hover/image:block">
-        <CloseConstrastSmall
+        <CloseContrastSmall
           fill={theme.colors.primary}
           outline={theme.colors["bg-card"]}
         />{" "}
diff --git a/components/Icons.tsx b/components/Icons.tsx
index 027c7671..dbca0a17 100644
--- a/components/Icons.tsx
+++ b/components/Icons.tsx
@@ -104,7 +104,7 @@ export const BlockImageSmall = (props: Props) => {
   );
 };
 
-export const CloseConstrastSmall = (props: {
+export const CloseContrastSmall = (props: {
   fill: string;
   outline: string;
 }) => {