diff --git a/components/calender/DatePicker.tsx b/components/calender/DatePicker.tsx
index 2a346f5..0e259c4 100644
--- a/components/calender/DatePicker.tsx
+++ b/components/calender/DatePicker.tsx
@@ -24,8 +24,8 @@ import {
   Field,
   FieldProps
 } from "formik";
-import { format } from "date-fns"
-import findValidDateRange from "../../lib/findValidDateRange"
+import { format } from "date-fns";
+import findValidDateRange from "../../lib/findValidDateRange";
 import FormValidateEmoji from "./FormValidateEmoji";
 import { CalenderContext } from "../../contexts/CalenderContext";
 
@@ -220,13 +220,13 @@ const DatePicker = (): JSX.Element => {
                               max={format(validDateRange.end, "yyyy-MM-dd")}
                               {...(!form.errors.date && form.touched.date
                                 ? {
-                                  borderColor: "brand.valid",
-                                  boxShadow: "0 0 0 1px #00c17c",
-                                  _hover: {
                                     borderColor: "brand.valid",
-                                    boxShadow: "0 0 0 1px #00c17c"
+                                    boxShadow: "0 0 0 1px #00c17c",
+                                    _hover: {
+                                      borderColor: "brand.valid",
+                                      boxShadow: "0 0 0 1px #00c17c"
+                                    }
                                   }
-                                }
                                 : "")}
                             />
                             {!form.touched.date && (
diff --git a/package.json b/package.json
index 7e808bb..1e07b5e 100644
--- a/package.json
+++ b/package.json
@@ -2,7 +2,7 @@
   "private": true,
   "name": "lucid-creations-media-potty-chart",
   "homepage": "https://lucidcreations.media/introducing-code-name-potty-chart/",
-  "version": "v0.0.8.0-alpha",
+  "version": "v0.0.8.1-alpha",
   "author": {
     "name": "Lucid Creations Media",
     "url": "https://lucidcreations.media",
diff --git a/theme/layout/Header.tsx b/theme/layout/Header.tsx
index 7a17399..dfe3787 100644
--- a/theme/layout/Header.tsx
+++ b/theme/layout/Header.tsx
@@ -15,7 +15,7 @@ import appLogo from "../../public/images/logo.svg";
 
 const Header = (): JSX.Element => {
   const appName = "LCM Potty Chart";
-  const appVersion = "v0.0.8.0-alpha";
+  const appVersion = "v0.0.8.1-alpha";
 
   // Add transparency while not at the top of the page.
   const [transparentNavbar, setTransparentNavbar] = useState<boolean>(false);