diff --git a/vizro-ai/examples/dashboard_ui/assets/custom_css.css b/vizro-ai/examples/dashboard_ui/assets/custom_css.css
index 0eb9a42a0..fda7901f3 100644
--- a/vizro-ai/examples/dashboard_ui/assets/custom_css.css
+++ b/vizro-ai/examples/dashboard_ui/assets/custom_css.css
@@ -24,7 +24,7 @@
 
 #text-area {
   background-color: inherit;
-  border: 1px solid var(--border-subtle-alpha-01);
+  border: 1px solid var(--border-subtleAlpha01);
   color: var(--text-primary);
   min-height: 14vh;
   padding: 8px;
@@ -122,7 +122,7 @@
 }
 
 #data-upload-component {
-  border: 1px dashed var(--border-subtle-alpha-01);
+  border: 1px dashed var(--border-subtleAlpha01);
   color: var(--text-primary);
   height: 5vh;
   line-height: 5vh;
@@ -234,7 +234,7 @@
 
 .custom_header {
   align-items: center;
-  border-bottom: 1px solid var(--border-subtle-alpha-01);
+  border-bottom: 1px solid var(--border-subtleAlpha01);
   display: flex;
   flex-direction: row;
   height: 60px;
diff --git a/vizro-core/docs/pages/user-guides/custom-tables.md b/vizro-core/docs/pages/user-guides/custom-tables.md
index 8fa5f5252..f55c44338 100644
--- a/vizro-core/docs/pages/user-guides/custom-tables.md
+++ b/vizro-core/docs/pages/user-guides/custom-tables.md
@@ -38,7 +38,7 @@ The following examples show a possible version of a custom table. In this case t
             columns = [{"name": i, "id": i} for i in chosen_columns]
             defaults = {
                 "style_as_list_view": True,
-                "style_data": {"border_bottom": "1px solid var(--border-subtle-alpha-01)", "height": "40px"},
+                "style_data": {"border_bottom": "1px solid var(--border-subtleAlpha01)", "height": "40px"},
                 "style_header": {
                     "border_bottom": "1px solid var(--state-overlays-selected-hover)",
                     "border_top": "1px solid var(--main-container-bg-color)",
diff --git a/vizro-core/examples/dev/app.py b/vizro-core/examples/dev/app.py
index aa56f9ff1..c4732f2d7 100644
--- a/vizro-core/examples/dev/app.py
+++ b/vizro-core/examples/dev/app.py
@@ -606,7 +606,7 @@ def my_custom_table(data_frame=None, chosen_columns: Optional[list[str]] = None)
     columns = [{"name": i, "id": i} for i in chosen_columns]
     defaults = {
         "style_as_list_view": True,
-        "style_data": {"border_bottom": "1px solid var(--border-subtle-alpha-01)", "height": "40px"},
+        "style_data": {"border_bottom": "1px solid var(--border-subtleAlpha01)", "height": "40px"},
         "style_header": {
             "border_bottom": "1px solid var(--state-overlays-selected-hover)",
             "border_top": "1px solid var(--main-container-bg-color)",
diff --git a/vizro-core/src/vizro/tables/_dash_table.py b/vizro-core/src/vizro/tables/_dash_table.py
index 4335b68ef..f12e3baf7 100644
--- a/vizro-core/src/vizro/tables/_dash_table.py
+++ b/vizro-core/src/vizro/tables/_dash_table.py
@@ -31,7 +31,7 @@ def dash_data_table(data_frame: pd.DataFrame, **kwargs: Any) -> dash_table.DataT
         "columns": [{"name": col, "id": col} for col in data_frame.columns],
         "style_as_list_view": True,
         "style_cell": {"position": "static"},
-        "style_data": {"border_bottom": "1px solid var(--border-subtle-alpha-01)", "height": "40px"},
+        "style_data": {"border_bottom": "1px solid var(--border-subtleAlpha01)", "height": "40px"},
         "style_header": {
             "border_bottom": "1px solid var(--state-overlays-selected-hover)",
             "border_top": "1px solid var(--main-container-bg-color)",
diff --git a/vizro-core/tests/unit/vizro/tables/test_dash_table.py b/vizro-core/tests/unit/vizro/tables/test_dash_table.py
index 490610618..ec45b3654 100644
--- a/vizro-core/tests/unit/vizro/tables/test_dash_table.py
+++ b/vizro-core/tests/unit/vizro/tables/test_dash_table.py
@@ -36,7 +36,7 @@ def test_dash_data_table(self):
                 data=data_in_table,
                 style_as_list_view=True,
                 style_cell={"position": "static"},
-                style_data={"border_bottom": "1px solid var(--border-subtle-alpha-01)", "height": "40px"},
+                style_data={"border_bottom": "1px solid var(--border-subtleAlpha01)", "height": "40px"},
                 style_header={
                     "border_bottom": "1px solid var(--state-overlays-selected-hover)",
                     "border_top": "1px solid var(--main-container-bg-color)",