diff --git a/src/components/Footer/Footer.tsx b/src/components/Footer/Footer.tsx
index a6aaf2fb..99351218 100644
--- a/src/components/Footer/Footer.tsx
+++ b/src/components/Footer/Footer.tsx
@@ -255,7 +255,7 @@ const Footer: React.FC<FooterProps> = ({
             left: ["10px", "auto"],
           }}
         >
-          <Text color="primaryBright">{t("©2022 All rights reserved")}</Text>
+          <Text color="primaryBright">{t(`©${new Date().getFullYear()} All rights reserved`)}</Text>
           <Flex sx={{ alignItems: "center", width: "150px", justifyContent: "center" }}>
             <Link href="https://apeswap.finance/terms" target="_blank">
               <Text size="12px" color="primaryBright" sx={styles.linkText}>
diff --git a/src/components/Svg/Icons/Docs.tsx b/src/components/Svg/Icons/Docs.tsx
index 51ef0ab0..656db012 100644
--- a/src/components/Svg/Icons/Docs.tsx
+++ b/src/components/Svg/Icons/Docs.tsx
@@ -1,8 +1,9 @@
 /** @jsxImportSource theme-ui */
 import React from "react";
 import { SvgProps, rotation } from "./types";
+import { Flex } from "../../Flex";
 
-const Docs: React.FC<SvgProps> = ({ direction = "right", color = "primaryBright", width, getStyles }) => {
+const Docs: React.FC<SvgProps> = ({ direction = "right", color = "primaryBright", getStyles }) => {
   const deg: rotation = {
     left: 180,
     up: 270,
@@ -15,7 +16,7 @@ const Docs: React.FC<SvgProps> = ({ direction = "right", color = "primaryBright"
   });
 
   return (
-    <svg width={width || "40"} viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg" sx={style}>
+    <svg width="100%" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg" sx={style}>
       <g clipPath="url(#docs-icon)">
         <rect width="40" height="40" rx="20" fill="#FFB300" stroke="#fff" />
         <path