diff --git a/‎css/custom.css‎
Lines changed: 5 additions & 0 deletions b/‎css/custom.css‎
Lines changed: 5 additions & 0 deletions
diff --git a/‎src/components/Article.js‎
Lines changed: 13 additions & 8 deletions b/‎src/components/Article.js‎
Lines changed: 13 additions & 8 deletions
@@ -3,6 +3,11 @@
   src: local('icomoon'), url(../static/fonts/icomoon.ttf) format('truetype');
 }
 
+html{
+  scroll-behavior:smooth;
+  scroll-padding-top: 4rem;
+}
+
 pre[class*="language-"] {
     position: relative;
     -webkit-overflow-scrolling: touch;
 
@@ -1,14 +1,19 @@
 import styled, { css, up, down } from '@xstyled/styled-components'
 
 export const Article = styled.article`
-  .anchor {
-    margin-left: calc(-1em - 4px);
-    > svg {
-      fill: on-background;
-      width: 1em;
-      height: 1em;
-      display: inline;
-      vertical-align: -15%;
+  .anchor.before {
+    position: relative;
+    left: 25px;
+    margin-left: -21px;
+    display: inline-block;
+    span {
+      svg {
+        fill: control-border;
+        transform: rotate(270deg);
+        &:hover {
+          fill: on-background;
+        }
+      }
     }
   }