Fixed minor position issues

src/App.jsx

@@ -173,7 +173,10 @@ const App = () => {
         <motion.div
           initial={{ paddingLeft: "20px" }}
           animate={{
-            paddingLeft: currentView === "index" && isMobile ? "50px" : "20px",
+            paddingLeft:
+              (currentView === "index" || currentView === "socials") && isMobile
+                ? "50px"
+                : "20px",
           }}
           transition={{ duration: 0.5 }}
           style={{

src/views/MainView.jsx

@@ -13,7 +13,7 @@ const MainView = ({ setCurrentView }) => {
       style={{ height: "100%", padding: "24px 50px" }}
     >
       <div style={{ textAlign: "center", maxWidth: "800px", margin: "0 0" }}>
-        <div className={"tblogo"}>
+        <Flex className={"tblogo"}>
           {isMobile ? (
             <img
               src="https://cdn.tombutcher.work/logos/logo-vertical.svg"
@@ -25,7 +25,7 @@ const MainView = ({ setCurrentView }) => {
               height={60}
             />
           )}
-        </div>
+        </Flex>
         {isMobile ? (
           <Flex
             justify="left"

src/views/SocialsView.jsx

@@ -37,7 +37,7 @@ const SocialsView = ({ referrer }) => {
       style={{ height: "100%", padding: "24px 50px" }}
     >
       <div style={{ textAlign: "center", maxWidth: "900px", margin: "0 0" }}>
-        <div className={"tblogo"}>
+        <Flex className={"tblogo"}>
           {isMobile ? (
             <img
               src="https://cdn.tombutcher.work/logos/logo-vertical.svg"
@@ -49,7 +49,7 @@ const SocialsView = ({ referrer }) => {
               height={60}
             />
           )}
-        </div>
+        </Flex>
         <Flex
           gap="20px"
           align={"center"}