diff --git a/popup/src/Components/App.tsx b/popup/src/Components/App.tsx
index 2be2902..2a4ded0 100644
--- a/popup/src/Components/App.tsx
+++ b/popup/src/Components/App.tsx
@@ -9,7 +9,7 @@ export default function App() {
   const [leetCodeID, setLeetCodeID] = useLocalStorage(null, "lpLeetCodeID");
 
   return (
-    <div className="pt-5 pb-5 px-5">
+    <div className="pt-5 pb-3 px-5">
       <Icons />
       <Logo />
 
diff --git a/popup/src/Components/Footer.tsx b/popup/src/Components/Footer.tsx
index aa499ff..fa47bcc 100644
--- a/popup/src/Components/Footer.tsx
+++ b/popup/src/Components/Footer.tsx
@@ -2,8 +2,7 @@ export default function Footer() {
   return (
     <footer className="mt-3">
       <p className="text-center text-xs text-lp-greyer flex items-center justify-center">
-        {new Date().getFullYear()} &copy; Created
-        By <span className="font-semibold text-lp-grey flex items-center ml-1">
+        &copy; Created {new Date().getFullYear()} By <span className="font-semibold text-lp-grey flex items-center ml-1">
           Hüsam
           <a href="https://twitter.com/husamahmud"
              target="_blank"
@@ -14,6 +13,8 @@ export default function Footer() {
           </a>
         </span>
       </p>
+
+      <span className='text-xs font-semibold text-lp-grey'>v1.3.12</span>
     </footer>
   );
 }