diff --git a/_sass/addon/syntax.scss b/_sass/addon/syntax.scss
index 77c64ae..68796f2 100644
--- a/_sass/addon/syntax.scss
+++ b/_sass/addon/syntax.scss
@@ -186,7 +186,7 @@ div {
   align-items: center;
   height: $code-header-height;
   margin-left: 0.75rem;
-  margin-right: 0.5rem;
+  margin-right: 0.25rem;
 
   /* the label block */
   span {
@@ -267,7 +267,7 @@ div {
     .code-header {
       @include ml-mr(0);
 
-      $dot-margin: calc($code-header-height / 2);
+      $dot-margin: 1rem;
 
       &::before {
         content: '';
diff --git a/_sass/addon/variables.scss b/_sass/addon/variables.scss
index 6bc4c6a..8924a00 100644
--- a/_sass/addon/variables.scss
+++ b/_sass/addon/variables.scss
@@ -16,7 +16,7 @@ $search-max-width: 200px !default;
 $footer-height: 5rem !default;
 $footer-height-large: 6rem !default; /* screen width: < 850px */
 $main-content-max-width: 1250px !default;
-$base-radius: 0.5rem !default;
+$base-radius: 0.625rem !default;
 $back2top-size: 2.75rem !default;
 
 /* syntax highlight */