diff --git a/src/components/HeroSection/HeroElements.jsx b/src/components/HeroSection/HeroElements.jsx
index 383b648..eeabca0 100755
--- a/src/components/HeroSection/HeroElements.jsx
+++ b/src/components/HeroSection/HeroElements.jsx
@@ -69,8 +69,8 @@ export const HeroRow = styled.div`
     @media screen and (max-width: 768px) {
         grid-template-columns: 1fr;
         grid-template-areas:
-            "col1"
-            "col2";
+            "col2"
+            "col1";
     }
 `;
 
diff --git a/src/components/Navbar/index.jsx b/src/components/Navbar/index.jsx
index f0714cc..c59364a 100755
--- a/src/components/Navbar/index.jsx
+++ b/src/components/Navbar/index.jsx
@@ -6,7 +6,7 @@ import {
     NavLinks,
     NavLogo,
     NavMenu,
-} from "@/components/NavBar/NavbarElements";
+} from "./NavbarElements";
 import { useEffect, useState } from "react";
 import { FaBars } from "react-icons/fa";
 import { IconContext } from "react-icons/lib";