diff --git a/src/components/LearnMore/LearnMore.module.css b/src/components/LearnMore/LearnMore.module.css
index b3f95cf..94fa1e8 100644
--- a/src/components/LearnMore/LearnMore.module.css
+++ b/src/components/LearnMore/LearnMore.module.css
@@ -45,7 +45,7 @@
   .container > div {
     display: flex;
     flex-direction: column;
-    align-items: start;
+    align-items: flex-start;
   }
 
   .container > div > :not(:first-child) {
@@ -58,7 +58,7 @@
   .container > div {
     display: flex;
     flex-direction: column;
-    align-items: start;
+    align-items: flex-start;
   }
 
   .container > div > a {
diff --git a/src/components/Projects/Projects.jsx b/src/components/Projects/Projects.jsx
index d973d38..ef81c8d 100644
--- a/src/components/Projects/Projects.jsx
+++ b/src/components/Projects/Projects.jsx
@@ -3,7 +3,8 @@ import { useColorMode } from "@docusaurus/theme-common";
 import styles from "./Projects.module.css";
 
 function Projects({ projects }) {
-  const { colorMode } = useColorMode();
+  // const { colorMode } = useColorMode();
+  const colorMode = "light";
   return (
     <div>
       <div className={styles.projects}>