Clean up text/font

components/GeneralFilter.tsx

@@ -5,6 +5,9 @@ type GeneralFilterProps = {
 
 export const GeneralFilter = ({ filter, setFilter }: GeneralFilterProps) => {
   return (
-    <input type="text" value={filter} onChange={(e) => setFilter(e.target.value)} placeholder="Search Repositories" className="flex-1  border rounded-sm p-2 mb-4 z-10" />
+    <input type="text" value={filter} onChange={(e) => setFilter(e.target.value)} placeholder="Search Repositories" className="flex-1 border rounded-sm p-2 mb-4" />
   );
 };
+
+
+

components/HappyCommitsInfo.tsx

@@ -11,21 +11,15 @@ export const HappyCommitsInfo = ({filter, setFilter}: FilterProps) => {
         <div
           style={{
             color: "white",
-            fontSize: 32,
-            fontFamily: "Inter",
-            fontWeight: "400",
-            wordWrap: "break-word"
+            fontSize: 32
           }}
         >
           happy commits
         </div>
         <div
           style={{
             color: "white",
-            fontSize: 48,
-            fontFamily: "Inter",
-            fontWeight: "400",
-            wordWrap: "break-word"
+            fontSize: 48
           }}
         >
           open source
@@ -36,14 +30,10 @@ export const HappyCommitsInfo = ({filter, setFilter}: FilterProps) => {
           style={{
             color: "white",
             fontSize: 16,
-            fontFamily: "Inter",
-            fontWeight: "400",
-            wordWrap: "break-word",
             paddingBottom: "3%"
           }}
         >
-          Our mission is to curate a list of open source projects with missions that are driven by
-          social impact. Let’s commit to a better future!
+          Commiting to a better future. Our mission is to curate a list of open source projects with missions that are driven by social impact. Helping others is the best way to feel happy so lets all work together to build a better tomorrow. One commit at a time.
         </div>
         <GeneralFilter
           filter={filter}