fix: paragraph color on hover

Signed-off-by: Mdkaif-123 <[email protected]>
layer5io · Nov 5, 2024 · d20a044 · d20a044
1 parent b43e1fe
commit d20a044
Showing 1 changed file with 10 additions and 10 deletions.
diff --git a/src/sections/Projects/Sistent/components/divider/code.js b/src/sections/Projects/Sistent/components/divider/code.js
@@ -250,12 +250,12 @@ export const DividerCode = () => {
           </div>
           <a id="Orientation">
             <h2>Orientation Example</h2>
-            <p>
-              The Divider component supports two orientations: horizontal and
-              vertical. Each orientation serves different layout needs and
-              enhances the visual structure of your content.
-            </p>
           </a>
+          <p>
+            The Divider component supports two orientations: horizontal and
+            vertical. Each orientation serves different layout needs and
+            enhances the visual structure of your content.
+          </p>
           <div className="showcase">
             <div className="items">
               <SistentThemeProvider initialMode={isDark ? "dark" : "light"}>
@@ -285,12 +285,12 @@ export const DividerCode = () => {
           </div>
           <a id="With children">
             <h2>With children Example</h2>
-            <p>
-              The Divider component supports two orientations: horizontal and
-              vertical. Each orientation serves different layout needs and
-              enhances the visual structure of your content.
-            </p>
           </a>
+          <p>
+            The Divider component supports two orientations: horizontal and
+            vertical. Each orientation serves different layout needs and
+            enhances the visual structure of your content.
+          </p>
           <div className="showcase">
             <div className="items">
               <SistentThemeProvider initialMode={isDark ? "dark" : "light"}>