diff --git a/src/components/widgets/projects/styles.css.ts b/src/components/widgets/projects/styles.css.ts
index 0b00d77..17036f9 100644
--- a/src/components/widgets/projects/styles.css.ts
+++ b/src/components/widgets/projects/styles.css.ts
@@ -2,12 +2,30 @@ import { styled } from "@syfxlin/reve";
 import { theme } from "../../../theme/theme.css";
 
 export const heading = styled.css`
+  position: relative;
   text-align: center;
   color: ${theme.color.text.paragraph};
   font-size: ${theme.fontSize.calc(1.2)};
   font-weight: ${theme.fontWeight.semibold};
   margin-top: ${theme.spacing.calc(10)};
   margin-bottom: ${theme.spacing.calc(3)};
+  padding-bottom: ${theme.spacing.calc(1)};
+
+  &::before {
+    content: "";
+    position: absolute;
+    left: 50%;
+    transform: translateX(-50%);
+    bottom: ${theme.borderWidth.calc(-1)};
+    display: block;
+    height: ${theme.borderWidth.calc(2.5)};
+    width: ${theme.fontSize.calc(2)};
+    background: linear-gradient(${theme.color.text.primary} 30%, ${theme.color.text.primary} 70%);
+    box-shadow: ${theme.color.text.primary} 0 ${theme.borderWidth.calc(1)} ${theme.borderWidth.calc(3)};
+    border-radius: ${theme.borderWidth.calc(4)};
+    transition: all 0.25s ease 0s, color 0.3s, background-color 0.3s;
+    z-index: 1;
+  }
 `;
 
 export const link = styled.css`