- saving progress;

src/assets/scss/components/flowBuilder.scss

@@ -51,9 +51,36 @@
 .flowContainer__flowItem {
   display: flex;
   flex-direction: column;
-  gap: 20px;
+  width: 100%;
+  max-width: 280px;
+  padding: 15px;
+  border: 1px solid var(--panel-content-borderColor);
+}
+
+.flowContainer__flowItemInner {
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
   width: 100%;
   max-width: 250px;
-  padding: 7px;
-  border: 1px solid var(--table-border-color);
+  border: 1px solid var(--panel-content-borderColor);
+
+  label {
+    display: flex;
+    justify-content: center;
+    padding: 10px 0 5px;
+    font-size: 14px;
+    font-style: normal;
+    font-weight: 400;
+    line-height: 18px;
+  }
+
+  &.initialForm, &.finalForm {
+    border-color: var(--card-full-background-color-3);
+    background-color: var(--card-full-background-color-3);
+
+    label {
+      color: white;
+    }
+  }
 }

src/assets/scss/theme.scss

@@ -21,6 +21,7 @@
   --message-warning-color: #cc8925;
   --message-info-background: rgba(183, 183, 183, 0.7);
   --message-info-color: #3B82F6;
+  --panel-content-borderColor: #E5E7EB;
 
   --card-full-background-color-2: #EEC137;
   --card-full-background-color-3: #FA8E42;