before and after

front/src/assets/sidebar.scss

@@ -107,6 +107,7 @@ $boxShadow: 0px 0px 8px rgba(0, 0, 0, .25);
             overflow: auto;
             margin-top: 1.125rem;
             padding-left: 2rem;
+            scrollbar-gutter: stable;
         }
 
     }
@@ -130,9 +131,12 @@ $boxShadow: 0px 0px 8px rgba(0, 0, 0, .25);
 
     &-list {
         &-item {
+            font-size: 1.25rem;
+            position: relative;
             display: flex;
             justify-content: space-between;
             margin-right: 0.25rem;
+            margin-bottom: 0.25rem;
 
             input[type=radio],
             input[type=checkbox] {
@@ -141,6 +145,30 @@ $boxShadow: 0px 0px 8px rgba(0, 0, 0, .25);
             label {
                 flex-grow: 1;
             }
+            $r: 0.5rem;
+            &:before,
+            &::after {
+                content: '';
+                display: block;
+                background-color: var(--primary-color);
+                position: absolute;
+                left: -1.5rem;
+                opacity: 0.5;
+            }
+
+            &:before {
+                width: $r;
+                height: $r;
+                border-radius: 50%;
+                top: calc(50% - 0.125rem)
+            }
+
+            &:after {
+                width: 0.125rem;
+                top: 50%;
+                bottom: -50%;
+                transform: translate3d((0.125rem)*1.5, -100%, 0);
+            }
         }
     }
 }