diff --git a/src/App.tsx b/src/App.tsx
index 97b3739..512cb74 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -22,7 +22,7 @@ const App: Component = () => {
                         <Route path="/social" component={Socials} />
                         <Route path="/about" component={About} />
                         <Route path="/donate" component={Donate} />
-                        <Route path="/r/:id" component={Redirect}>
+                        <Route path="/r/:id" component={Redirect} />
                             {/* {redirects.map((val)=>{
                                 return (
                                     <Route path={val.href} component={()=>{
@@ -31,7 +31,6 @@ const App: Component = () => {
                                     }}/>
                                 )
                             })} */}
-                        </Route>
                     </Routes>
                 </div>
             </Router>
diff --git a/src/components/Home.tsx b/src/components/Home.tsx
index 574dd45..f41a787 100644
--- a/src/components/Home.tsx
+++ b/src/components/Home.tsx
@@ -7,6 +7,7 @@ import python_logo from "../assets/lang_icons/python.svg"
 import c_logo from "../assets/lang_icons/C.svg"
 import cpp_logo from "../assets/lang_icons/CPP.svg"
 import js_logo from "../assets/lang_icons/js.png" // :(
+import { A } from "@solidjs/router"
 
 function ListItem(logo: string | any, name: string) {
     return (
@@ -47,9 +48,9 @@ export default function Home() {
 
             <h1>Other stuff about me</h1>
 
-            <h2>You can get my contact info and socials <a href="/socials">here</a></h2>
-            <h2>Buy me a monster <a>here</a></h2>
-            <h2>Check out my work at my <a href="/r/github">GitHub</a></h2>
+            <h2>You can get my contact info and socials <A href="/socials">here</A></h2>
+            <h2>Buy me a monster <A href="/donate">here</A></h2>
+            <h2>Check out my work at my <A href="/r/github">GitHub</A></h2>
 
             <h5>Note: I am a horrible web developer, if you want to help me improve my website you can do that <a href="https://github.com/MCorange99/personal_website">here</a></h5>
         </>
diff --git a/src/components/Socials.tsx b/src/components/Socials.tsx
index 7ad6bf9..da22ed5 100644
--- a/src/components/Socials.tsx
+++ b/src/components/Socials.tsx
@@ -11,10 +11,10 @@ function ListItem(logo: string | any, name: string, href: string) {
             <tbody>
                 <tr>
                     <td>
-                        <a href={href}><img width={32} height={32} src={logo}></img></a>
+                        <A href={href}><img width={32} height={32} src={logo}></img></A>
                     </td>
                     <td>
-                        <a href={href}><h2 class="m-0" style={"margin:3px;"}>{name}</h2></a>
+                        <A href={href}><h2 class="m-0" style={"margin:3px;"}>{name}</h2></A>
                     </td>
                 </tr>
             </tbody>