theme/layout/Footer.tsx

@@ -74,10 +74,7 @@ const Footer = (): JSX.Element => {
               target="_blank"
               rel="noopener"
             >
-              <Button
+              <Button color="whiteAlpha" variant="credits">
-                color="whiteAlpha"
-                variant="credits"
-              >
                 More About This App
               </Button>
             </Link>
@@ -101,8 +98,7 @@ const Footer = (): JSX.Element => {
           <Text color="brand.footerText" fontSize="xs">
             &copy;
             {" 2021 - "}
-            {new Date().getFullYear()}
+            {new Date().getFullYear()}{" "}
-            {" "}
             <Link
               href="https://lucidcreations.media"
               rel="noopener"

theme/layout/Header.tsx

@@ -14,9 +14,8 @@ import DesktopNav from "./DesktopNav";
 import MobileNav from "./MobileNav";
 
 const Header = (): JSX.Element => {
-  const appName = "LCM Potty Chart"
+  const appName = "LCM Potty Chart";
-  const appVersion = "v0.0.2.5-pre-alpha"
+  const appVersion = "v0.0.2.6-pre-alpha";
-
 
   // Add transparency while not at the top of the page.
   const [transparentNavbar, setTransparentNavbar] = useState<boolean>(false);
@@ -119,7 +118,13 @@ const Header = (): JSX.Element => {
       </HStack>
 
       {/* Desktop Nav Items and Mobile Menu Button */}
-      <HStack w="100%" px={4} h={12} alignItems="center" justifyContent="space-between" >
+      <HStack
+        w="100%"
+        px={4}
+        h={12}
+        alignItems="center"
+        justifyContent="space-between"
+      >
         <HStack
           w="100%"
           h="auto"
@@ -154,9 +159,7 @@ const Header = (): JSX.Element => {
             onMouseLeave={() => setHover(false)}
             d={{ base: "inline-flex", lg: "none" }}
             variant="mobileNav"
-            bg={
+            bg={transparentNavbar ? "transparent" : "rgba(255, 255, 255, .15)"}
-              transparentNavbar ? "transparent" : "rgba(255, 255, 255, .15)"
-            }
             type="button"
             border={transparentNavbar ? "1px solid #0068ff" : "none"}
             id="mobile-menu-button"