diff --git a/assets/scss/custom.scss b/assets/scss/custom.scss
index 4a741a6..1ba222e 100755
--- a/assets/scss/custom.scss
+++ b/assets/scss/custom.scss
@@ -42,16 +42,17 @@ $icon-yellow: #fcc958;
 }
 
 // Colored design element: square or circle
-@mixin add-decorative-shape($color, $shape: 'square', $scale: 1 , $pos: -70px) {
+@mixin add-decorative-shape($color, $shape: 'square', $scale: 1) {
     position: relative;
     z-index: 1;
     &:before {
         content: '';
         position: absolute;
-        width: 45px * $scale; 
+        width: 45px * $scale;
         height: 45px * $scale;
-        left: $pos; 
-        top: -20px;
+        left: 50%;
+        top: -7%;
+        margin-left: -14px;
         background-color: $color;
         z-index: 0;
         @if $shape == 'circle' {
@@ -165,16 +166,16 @@ section {
                 font-weight: 500;
                 font-size: large;
                 &:nth-child(1) {
-                    @include add-decorative-shape($text-green, 'square', 0.7, 105px);
+                    @include add-decorative-shape($text-green, 'square', 0.7);
                 }
                 &:nth-child(2) {
-                    @include add-decorative-shape($icon-red, 'circle', 0.7, 105px);
+                    @include add-decorative-shape($icon-red, 'circle', 0.7);
                 }
                 &:nth-child(3) {
-                    @include add-decorative-shape($chill-orange, 'square', 0.7, 105px);
+                    @include add-decorative-shape($chill-orange, 'square', 0.7);
                 }
                 &:nth-child(4) {
-                    @include add-decorative-shape($icon-yellow, 'circle', 0.7, 105px);
+                    @include add-decorative-shape($icon-yellow, 'circle', 0.7);
                 }
             }
         }