diff --git a/components/calender/DatePicker.tsx b/components/calender/DatePicker.tsx
index 0e259c4..e154504 100644
--- a/components/calender/DatePicker.tsx
+++ b/components/calender/DatePicker.tsx
@@ -180,7 +180,7 @@ const DatePicker = (): JSX.Element => {
                   py={4}
                 >
                   <Heading as="h4" size="sm" fontWeight="semibold">
-                    Required fields indicated with{" "}
+                    {"Required fields indicated with"}
                     <FormValidateEmoji type="Required" />
                   </Heading>
                   <Field name="date" validate={validateDate}>
diff --git a/components/calender/modals/StickerSelector.tsx b/components/calender/modals/StickerSelector.tsx
index 200f9b0..8b9e7bc 100644
--- a/components/calender/modals/StickerSelector.tsx
+++ b/components/calender/modals/StickerSelector.tsx
@@ -28,8 +28,8 @@ const StickerSelector = ({
       <HStack
         w="100%"
         h="auto"
-        justifyContent={"center"}
-        alignContent={"center"}
+        justifyContent="center"
+        alignContent="center"
         spacing={14}
       >
         <Button
diff --git a/theme/layout/Footer.tsx b/theme/layout/Footer.tsx
index b83d3b3..a9d4620 100644
--- a/theme/layout/Footer.tsx
+++ b/theme/layout/Footer.tsx
@@ -96,8 +96,7 @@ const Footer = (): JSX.Element => {
           </MotionBox>
           <Text color="brand.footerText" fontSize="xs">
             &copy;
-            {" 2021 - "}
-            {new Date().getFullYear()}{" "}
+            {` 2021 - ${new Date().getFullYear()} `}
             <Link
               href="https://lucidcreations.media"
               rel="noopener"