diff --git a/src/Components/AppIcon/AppIcon.tsx b/src/Components/AppIcon/AppIcon.tsx
index 78e60e2..5d1afa7 100644
--- a/src/Components/AppIcon/AppIcon.tsx
+++ b/src/Components/AppIcon/AppIcon.tsx
@@ -9,11 +9,11 @@ export default function AppIcon(props: IconProps) {
         width={props.size + "px"}
         height={props.size + "px"}
         viewBox="0 0 24 24"
-        stroke-width="2"
+        strokeWidth="2"
         stroke={props.color}
         fill="none"
-        stroke-linecap="round"
-        stroke-linejoin="round"
+        strokeLinecap="round"
+        strokeLinejoin="round"
       >
         <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
         <path d="M9 5h-2a2 2 0 0 0 -2 2v12a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-12a2 2 0 0 0 -2 -2h-2"></path>
diff --git a/src/Components/HomeIcon/HomeIcon.tsx b/src/Components/HomeIcon/HomeIcon.tsx
index 303e4f5..3c5a30c 100644
--- a/src/Components/HomeIcon/HomeIcon.tsx
+++ b/src/Components/HomeIcon/HomeIcon.tsx
@@ -24,11 +24,11 @@ export default function HomeIcon(props: IconProps) {
         width={props.size - 4 + "px"}
         height={props.size - 4 + "px"}
         viewBox="0 0 24 24"
-        stroke-width="2"
+        strokeWidth="2"
         stroke={props.color}
         fill="none"
-        stroke-linecap="round"
-        stroke-linejoin="round"
+        strokeLinecap="round"
+        strokeLinejoin="round"
       >
         <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
         <path d="M5 12l-2 0l9 -9l9 9l-2 0"></path>
diff --git a/src/Components/Notes/Notes.tsx b/src/Components/Notes/Notes.tsx
index cee1589..2fd6689 100644
--- a/src/Components/Notes/Notes.tsx
+++ b/src/Components/Notes/Notes.tsx
@@ -16,13 +16,6 @@ export default function Notes() {
     error,
   } = useQuery("notes", GetNotes, { retry: 0 });
   const logged_in = useSelector((state: LoginState) => state.Login.logged_in);
-  if (!logged_in) {
-    return (
-      <div style={styles.note}>
-        <p style={styles.text_medium}>Please login to use Clip Notes</p>
-      </div>
-    );
-  }
   if (error) {
     return (
       <div style={styles.note}>
@@ -35,6 +28,13 @@ export default function Notes() {
         <p style={styles.text_medium}>Loading Notes...</p>
       </div>
     );
+  }
+  if (!logged_in) {
+    return (
+      <div style={styles.note}>
+        <p style={styles.text_medium}>Please login to use Clip Notes</p>
+      </div>
+    );
   } else if (notes.length === 0) {
     return (
       <div style={styles.note}>
diff --git a/src/Routes/Home/Home.tsx b/src/Routes/Home/Home.tsx
index a967ab8..ddc9770 100644
--- a/src/Routes/Home/Home.tsx
+++ b/src/Routes/Home/Home.tsx
@@ -1,11 +1,11 @@
 import styles from "../../styles";
 import Header from "../../Components/Header/Header";
-import NoteMapper from "../../Components/Notes/Notes";
+import Notes from "../../Components/Notes/Notes";
 export default function Home() {
   return (
     <div style={styles.background}>
       <Header />
-      <NoteMapper />
+      <Notes />
     </div>
   );
 }