diff --git a/components/calender/Day.tsx b/components/calender/Day.tsx
index 701b6aa..9e7add2 100644
--- a/components/calender/Day.tsx
+++ b/components/calender/Day.tsx
@@ -8,7 +8,7 @@ import DemoStickers from "./stickers/DemoStickers";
 interface DayProps {
   isOverflow?: boolean;
   overflowDirection?: "next" | "prev" | null;
-  sticker: -2 | -1 | 0 | 1 | 2 | null;
+  sticker: StickerVal;
   date: Date;
   selectedDate: Date;
 }
@@ -18,7 +18,7 @@ interface DayProps {
  * @param props the props for this component.
  * @param {boolean} props.isOverflow is the current date being given before or after the current month.
  * @param {"next" | "prev" | null} props.overflowDirection the direction the overflow is. This will navigate the calender forward or backwards 1 month.
- * @param {-2 | -1 | 0 | 1 | 2 | null} props.sticker the sticker for this date.
+ * @param {StickerVal} props.sticker the sticker for this date.
  * @param {date} props.date the date for this day.
  * @param {date} props.selectedDate the date for the selected month.
  */
diff --git a/components/calender/stickers/DemoStickers.tsx b/components/calender/stickers/DemoStickers.tsx
index 6741aa0..7b3d78e 100644
--- a/components/calender/stickers/DemoStickers.tsx
+++ b/components/calender/stickers/DemoStickers.tsx
@@ -3,7 +3,7 @@ import React, { FC } from "react";
 // TODO: When themes are made import the theme from user settings context. Refactor to use whatever those SVGs are.
 
 interface DemoStickersProps {
-  stickerVal: 2 | 1 | 0 | -1 | -2;
+  stickerVal: StickerVal;
 }
 
 const DemoStickers: FC<DemoStickersProps> = ({
diff --git a/types/CalenderContext.d.ts b/types/CalenderContext.d.ts
index 0b1f609..a4dddfa 100644
--- a/types/CalenderContext.d.ts
+++ b/types/CalenderContext.d.ts
@@ -14,9 +14,11 @@ interface WeekDays {
   monday: DaysOfWeek;
 }
 
+type StickerVal = -2 | -1 | 0 | 1 | 2 | null;
+
 interface Sticker {
   date: Date;
-  sticker: -2 | -1 | 0 | 1 | 2 | null;
+  sticker: StickerVal;
 }
 
 type StickerDays = Sticker[];