deliberately introduce visual change

Author: robonyong

.github/workflows/chromatic.yml

@@ -15,15 +15,6 @@ jobs:
     name: Run Chromatic
     runs-on: ubuntu-latest
     steps:
-      - name: List all changed files
-        env:
-          ALL_CHANGED_FILES: ${{ steps.ui-changes.outputs.all_changed_files }}
-          ANY_CHANGED: ${{ steps.ui-changes.outputs.any_changed }}
-        run: |
-          echo "Found changed ${#ALL_CHANGED_FILES[@]} files"
-          for file in ${ALL_CHANGED_FILES}; do
-            echo "$file"
-          done
       - name: Checkout code
         uses: actions/checkout@v4
         with:

.github/workflows/pull-request.yml

@@ -10,8 +10,9 @@ jobs:
     runs-on: ubuntu-latest
     name: ui-changes
     outputs:
-      all_changed_files: ${{ steps.ui-changes.outputs.all_changed_files }}
-      any_changed: ${{ steps.ui-changes.outputs.any_changed }}
+      all_modified_files: ${{ steps.ui-changes.outputs.all_modified_files }}
+      all_modified_files_count: ${{ steps.ui-changes.outputs.all_modified_files_count }}
+      any_modified: ${{ steps.ui-changes.outputs.any_modified }}
     steps:
       - uses: actions/checkout@v4
         with:
@@ -21,13 +22,20 @@ jobs:
         uses: tj-actions/changed-files@v44
         with:
           files: |
-            src/**
+            src/*
             !src/demo/**
             .storybook/**
+      - name: List all changed files
+        env:
+          ALL_MODIFIED_FILES: ${{ steps.ui-changes.outputs.all_modified_files }}
+          ALL_MODIFIED_FILES_COUNT: ${{ steps.ui-changes.outputs.all_modified_files_count }}
+          ANY_MODIFIED: ${{ steps.ui-changes.outputs.any_modified }}
+        run: |
+          echo "Found ${#ALL_MODIFIED_FILES[@]} changed UI file(s), $ALL_MODIFIED_FILES_COUNT, $ANY_MODIFIED"
 
   chromatic:
     name: Run Chromatic
     needs: [ui-changes]
-    if: ${{ needs.ui-changes.outputs.any_changed == 'true' }}
+    if: ${{ needs.ui-changes.outputs.any_modified == 'true' }}
     uses: ./.github/workflows/chromatic.yml
     secrets: inherit

src/SplitFlapDisplay/styles.module.scss

@@ -7,6 +7,8 @@
   color: var(--color);
   box-sizing: border-box;
 
+  border-radius: 10px;
+
   > * {
     &:not(:first-child) {
       border-left: var(--border-color) var(--border-width) solid;