diff --git a/package-lock.json b/package-lock.json
index 72c9be183..994cd223d 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -4055,9 +4055,9 @@
       "link": true
     },
     "node_modules/@cdssnc/gcds-tokens": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/@cdssnc/gcds-tokens/-/gcds-tokens-2.0.2.tgz",
-      "integrity": "sha512-xDgIlIDdO7FXY/OJMOEI4YF78CpBl4944YIajMurMSGpHN7C/rlotgVYXCvF8eO8BY5drGmadzFD2qG/f3ktzA==",
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/@cdssnc/gcds-tokens/-/gcds-tokens-2.0.3.tgz",
+      "integrity": "sha512-6AMHF6CBy89oDP02snfcqYpnaw+GT/LvqEsClPrRawRfZ1ApxYg+lP9mWWwbwpbZqm8WdYfl3sJpLcTM8fxwEQ==",
       "dev": true
     },
     "node_modules/@colors/colors": {
@@ -42119,7 +42119,7 @@
         "@babel/core": "^7.20.12",
         "@babel/preset-env": "^7.20.2",
         "@babel/preset-typescript": "^7.21.0",
-        "@cdssnc/gcds-tokens": "^2.0.2",
+        "@cdssnc/gcds-tokens": "^2.0.3",
         "@fortawesome/fontawesome-free": "^6.3.0",
         "@stencil/angular-output-target": "file:../../utils/angular-output-target",
         "@stencil/postcss": "^2.1.0",
diff --git a/packages/web/package.json b/packages/web/package.json
index 9f030d8ea..70bab97e7 100644
--- a/packages/web/package.json
+++ b/packages/web/package.json
@@ -45,7 +45,7 @@
     "@babel/core": "^7.20.12",
     "@babel/preset-env": "^7.20.2",
     "@babel/preset-typescript": "^7.21.0",
-    "@cdssnc/gcds-tokens": "^2.0.2",
+    "@cdssnc/gcds-tokens": "^2.0.3",
     "@fortawesome/fontawesome-free": "^6.3.0",
     "@stencil/angular-output-target": "file:../../utils/angular-output-target",
     "@stencil/postcss": "^2.1.0",
diff --git a/packages/web/src/components/gcds-details/gcds-details.css b/packages/web/src/components/gcds-details/gcds-details.css
index 8bcda25bf..8e92d0a94 100644
--- a/packages/web/src/components/gcds-details/gcds-details.css
+++ b/packages/web/src/components/gcds-details/gcds-details.css
@@ -1,4 +1,4 @@
-@layer reset, default, hover, focus;
+@layer reset, default, hover, focus, print;
 
 @layer reset {
   :host {
@@ -151,3 +151,26 @@
     text-decoration: none;
   }
 }
+
+@layer print {
+  /* Display details component open by default for print */
+  @media print {
+    :host .gcds-details {
+      .details__summary{
+        font-weight: var(--gcds-details-print-summary-font-weight);
+        text-decoration: none;
+        color: var(--gcds-details-print-summary-text);
+
+        &:before {
+          transform: rotate(90deg);
+        }
+      }
+
+      .details__panel {
+        display: block;
+        /* Note: Logical properties are not yet supported in print */
+        border-left: var(--gcds-details-panel-border-width) solid var(--gcds-details-panel-border-color);
+      }
+    }
+  }
+}