diff --git a/static/css/03-components/_courses.css b/static/css/03-components/_courses.css
index 95d6efb..d0ac0cd 100644
--- a/static/css/03-components/_courses.css
+++ b/static/css/03-components/_courses.css
@@ -24,7 +24,7 @@
     height: 80px;
     object-fit: contain;
     border-radius: 4px;
-    border: 1px solid #ddd;
+    border: 1px solid var(--icon-border);
     background: transparent;
     padding: 4px;
 }
@@ -36,7 +36,7 @@
     align-items: center;
     justify-content: center;
     border-radius: 4px;
-    border: 1px solid #ddd;
+    border: 1px solid var(--icon-border);
     background: transparent;
     color: var(--text-light);
     padding: 10px;
diff --git a/static/css/03-components/_cv-section.css b/static/css/03-components/_cv-section.css
index 0d39e7e..ef5a891 100644
--- a/static/css/03-components/_cv-section.css
+++ b/static/css/03-components/_cv-section.css
@@ -249,7 +249,7 @@
     height: 60px;
     object-fit: contain;
     border-radius: 4px;
-    border: 1px solid #ddd;
+    border: 1px solid var(--icon-border);
     background: transparent;
     padding: 4px;
 }
@@ -261,7 +261,7 @@
     align-items: center;
     justify-content: center;
     border-radius: 4px;
-    border: 1px solid #ddd;
+    border: 1px solid var(--icon-border);
     background: transparent;
     color: var(--text-light);
     padding: 8px;
diff --git a/static/css/03-components/_projects.css b/static/css/03-components/_projects.css
index 2bf6538..8719ffb 100644
--- a/static/css/03-components/_projects.css
+++ b/static/css/03-components/_projects.css
@@ -22,7 +22,7 @@
     height: 80px;
     object-fit: contain;
     border-radius: 4px;
-    border: 1px solid #ddd;
+    border: 1px solid var(--icon-border);
     background: transparent;
     padding: 4px;
 }
@@ -34,7 +34,7 @@
     align-items: center;
     justify-content: center;
     border-radius: 4px;
-    border: 1px solid #ddd;
+    border: 1px solid var(--icon-border);
     background: transparent;
     color: var(--text-light);
     padding: 10px;
diff --git a/static/css/04-interactive/_toggles.css b/static/css/04-interactive/_toggles.css
index 24a9671..c20f134 100644
--- a/static/css/04-interactive/_toggles.css
+++ b/static/css/04-interactive/_toggles.css
@@ -113,7 +113,7 @@
 .award-item {
     margin-bottom: 2.5rem;
     padding-bottom: 2rem;
-    border-bottom: 2px solid #ddd;
+    border-bottom: 2px solid var(--icon-border);
     page-break-inside: avoid;
     display: flex;
     gap: 1.2rem;
@@ -149,7 +149,7 @@
     height: 80px;
     object-fit: contain;
     border-radius: 4px;
-    border: 1px solid #ddd;
+    border: 1px solid var(--icon-border);
     background: transparent;
     padding: 10px;
 }
@@ -164,7 +164,7 @@
     align-items: center;
     justify-content: center;
     border-radius: 4px;
-    border: 1px solid #ddd;
+    border: 1px solid var(--icon-border);
     background: transparent;
     color: #999;
     padding: 10px;
diff --git a/static/css/logo-toggle.css b/static/css/logo-toggle.css
index 0841612..004cd9f 100644
--- a/static/css/logo-toggle.css
+++ b/static/css/logo-toggle.css
@@ -112,7 +112,7 @@
 .experience-item {
     margin-bottom: 2.5rem;
     padding-bottom: 2rem;
-    border-bottom: 2px solid #ddd;
+    border-bottom: 2px solid var(--icon-border);
     page-break-inside: avoid;
     display: flex;
     gap: 1.2rem;
@@ -140,7 +140,7 @@
     height: 80px;
     object-fit: contain;
     border-radius: 4px;
-    border: 1px solid #ddd;
+    border: 1px solid var(--icon-border);
     background: white;
     padding: 10px;
 }
@@ -152,7 +152,7 @@
     align-items: center;
     justify-content: center;
     border-radius: 4px;
-    border: 1px solid #ddd;
+    border: 1px solid var(--icon-border);
     background: #f5f5f5;
     color: #999;
     padding: 10px;