🚨chore: Sync Sass

src/styles/_canvasside.scss

@@ -4,30 +4,28 @@
     top: 200px;
     left: 50px;
     z-index: 999999;
+    display: flex;
     width: 237px;
     height: 40px;
     line-height: 40px;
     background-color: #fff;
     border: 1px solid #DFDFDF;
-    padding: 0 34px 0 10px;
+    padding: 0 10px 0 10px;
     border-radius: 2px;
     box-shadow: 0px 7px 14px 0px rgba(0, 0, 0, 0.05);
     cursor: pointer;
-    &::before{
-        content: '';
-        position: absolute;
-        top: 50%;
-        right: 12px;
-        transform: translateY(-50%);
-        width: 10px;
-        height: 6px;
+    .penal-arr{
+        flex: none;
+        width: 24px;
+        height: 100%;
         background: url(../../public/static/images/canvas/penal_arr.svg)no-repeat center;
-        background-size: cover;
+        background-size: 10px 6px;
     }
     h2{
         font-size: 12px;
         font-weight: 500;
         color: #3D3D3D;
+        flex: 1;
     }
     .penal-table-wrap{
         display: none;
@@ -69,7 +67,7 @@
         h2{
             color: #fff;
         }
-        &::before{
+        .penal-arr{
             background: url(../../public/static/images/canvas/penal_arr_white.svg)no-repeat center;
         }
         .penal-table-wrap{

src/styles/_contents.scss

@@ -679,7 +679,6 @@
 
 .infomation-box-wrap{
     display: flex;
-    align-items: center;
     gap: 10px;
     .sub-table-box{
         flex: 1 ;

src/styles/_reset.scss

@@ -482,6 +482,9 @@ input[type=text]{
         }
         &:read-only{
             color: #AAA;
+            &:focus{
+                border: 1px solid #323234;
+            }
         }
         &.plane{
             font-family: 'Noto Sans JP', sans-serif;
@@ -509,6 +512,9 @@ input[type=text]{
         &:read-only{
             background-color: #FAFAFA;
             color: #999999;
+            &:focus{
+                border-color: #eee;
+            }
         }
     }
 }