diff --git a/backstop_data/bitmaps_reference/ds-vr-test__components_details_example-details-open_0_document_0_desktop.png b/backstop_data/bitmaps_reference/ds-vr-test__components_details_example-details-open_0_document_0_desktop.png
new file mode 100644
index 0000000000..8d26fc94ca
--- /dev/null
+++ b/backstop_data/bitmaps_reference/ds-vr-test__components_details_example-details-open_0_document_0_desktop.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:de7a8e85184ae4a353308ae31848965b507ce9a86b5eb59b80a851865a63b94e
+size 28263
diff --git a/backstop_data/bitmaps_reference/ds-vr-test__components_details_example-details-open_0_document_1_tablet.png b/backstop_data/bitmaps_reference/ds-vr-test__components_details_example-details-open_0_document_1_tablet.png
new file mode 100644
index 0000000000..dc57297711
--- /dev/null
+++ b/backstop_data/bitmaps_reference/ds-vr-test__components_details_example-details-open_0_document_1_tablet.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:929790b18725846646913d7ae51cd921b19831bc28674d6718ddb7859397744c
+size 27513
diff --git a/backstop_data/bitmaps_reference/ds-vr-test__components_details_example-details-open_0_document_2_mobile.png b/backstop_data/bitmaps_reference/ds-vr-test__components_details_example-details-open_0_document_2_mobile.png
new file mode 100644
index 0000000000..ac8f889a4d
--- /dev/null
+++ b/backstop_data/bitmaps_reference/ds-vr-test__components_details_example-details-open_0_document_2_mobile.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:89dce93b88efa7e7f63af338e4331a544ef995659f7c0df7cf863c83a699fa59
+size 33951
diff --git a/src/components/details/_details.scss b/src/components/details/_details.scss
index d45b340944..0f96b4be67 100644
--- a/src/components/details/_details.scss
+++ b/src/components/details/_details.scss
@@ -68,7 +68,6 @@ $details-caret-width: 1.75rem;
 
     &--open & {
         &__icon {
-            left: -0.1rem;
             top: 0.2rem;
             transform: rotate(90deg);
         }
@@ -76,7 +75,7 @@ $details-caret-width: 1.75rem;
         &__content {
             border-left: 4px solid var(--ons-color-borders-indent);
             display: block;
-            margin: 1rem 0 0;
+            margin: 1rem 0 0 0.5rem;
             padding: 0 0 0 1.5rem;
         }
     }
diff --git a/src/components/details/example-details-open.njk b/src/components/details/example-details-open.njk
new file mode 100644
index 0000000000..22364d06be
--- /dev/null
+++ b/src/components/details/example-details-open.njk
@@ -0,0 +1,10 @@
+{% from "components/details/_macro.njk" import onsDetails %}
+
+{{
+    onsDetails({
+        "id": "details-example",
+        "title": "What is a photovoltaic system?",
+        "content": "<p>A typical photovoltaic system employs solar panels, each comprising a number of solar cells, which generate electrical power. PV installations may be ground-mounted, rooftop mounted or wall mounted. The mount may be fixed, or use a solar tracker to follow the sun across the sky.</p>",
+        "open": true
+    })
+}}