json-schema-org · JeelRajodiya · May 13, 2025 · Mar 19, 2025 · Mar 19, 2025 · Mar 19, 2025
diff --git a/app/components/MyBtn/MyBtn.module.css b/app/components/MyBtn/MyBtn.module.css
@@ -0,0 +1,3 @@
+.myBtn:hover svg path{
+  fill: black !important;
+}
diff --git a/app/components/MyBtn/MyBtn.tsx b/app/components/MyBtn/MyBtn.tsx
@@ -1,5 +1,6 @@
 import { Button, Tooltip } from "@chakra-ui/react";
 import { sendGAEvent } from "@next/third-parties/google";
+import styles from "./MyBtn.module.css";
 
 export default function MyBtn({
   children,
@@ -31,6 +32,7 @@ export default function MyBtn({
         textTransform={"uppercase"}
         isDisabled={isDisabled}
         fontWeight={"bold"}
+        className={styles.myBtn}
       >
         {children}
       </Button>

diff --git a/app/components/Output/Output.tsx b/app/components/Output/Output.tsx
@@ -67,7 +67,7 @@ const SchemaError = ({ schemaPath }: { schemaPath: string }) => {
         <b>Details:</b> {errorDetails}
       </div>
       <div style={{ marginTop: "10px" }}>
-        <div>Possible Fixes:</div>
+        <b>Possible Fixes:</b>
         <UnorderedList>
           {possibleFixes.map((fix, index) => (
             <ListItem key={index}>{fix}</ListItem>

diff --git a/app/styles/globals.css b/app/styles/globals.css
@@ -74,4 +74,4 @@ html {
 
 main {
   height: 100%;
-}
+}
diff --git a/content/02-Primitive-Types/09-Combining-Types/instructions.mdx b/content/02-Primitive-Types/09-Combining-Types/instructions.mdx
@@ -20,7 +20,7 @@ Let's add a new property `hasAgreedToTerms` to the JSON object. This property sh
 
 ### Boolean 
 
-A `boolean` type can have two values: `true` or `false`. you can define a boolean type as follows:
+A `boolean` type can have two values: `true` or `false`. You can define a boolean type as follows:
 
 ```json
 {
-Original file line number
+Diff line change
@@ Expand Up / @@ -74,4 +74,4 @@ html { @@
     main {
       height: 100%;
-    }
+    }