diff --git a/app/components/card/card-with-arrow.njk b/app/components/card/card-with-arrow.njk
index e64b644e6..969711c7c 100644
--- a/app/components/card/card-with-arrow.njk
+++ b/app/components/card/card-with-arrow.njk
@@ -7,10 +7,8 @@
 
 <div class="nhsuk-width-container">
   <main class="nhsuk-main-wrapper" id="maincontent">
-
     <div class="nhsuk-grid-row">
       <div class="nhsuk-grid-column-two-thirds">
-
         {{ card({
           "href": "#",
           "arrow": "true",
@@ -19,10 +17,8 @@
           "headingClasses": "nhsuk-heading-m",
           "description": "A quick guide for people who have care and support needs and their carers"
         }) }}
-
       </div>
     </div>
-
   </main>
 </div>
 
diff --git a/packages/components/card/README.md b/packages/components/card/README.md
index 28b6b19ad..a4573251d 100644
--- a/packages/components/card/README.md
+++ b/packages/components/card/README.md
@@ -534,9 +534,9 @@ The card Nunjucks macro takes the following arguments:
 | **headingLevel**    | integer | No       | Optional heading level for the card heading. Default: 2                                                             |
 | **href**            | string  | No       | The value of the card href attribute                                                                                |
 | **clickable**       | boolean | No       | If set to true, then the class `nhsuk-card--clickable` will be applied.                                             |
-| **arrow**           | boolean | No       | If set to true, then the class `nhsuk-card__content--arrow` will be applied.                                         |
+| **arrow**           | boolean | No       | If set to true, then the class `nhsuk-card__content--arrow` will be applied.                                        |
 | **feature**         | boolean | No       | If set to true, then the class `nhsuk-card__heading--feature` and `nhsuk-card__content--feature` will be applied.   |
-| **tranparent**      | boolean | No       | If set to true, then the class `nhsuk-card--transparent` and `nhsuk-card__content--transparent` will be applied.   |
+| **tranparent**      | boolean | No       | If set to true, then the class `nhsuk-card--transparent` and `nhsuk-card__content--transparent` will be applied.    |
 | **type**            | string  | No       | Care card component variant type - non-urgent, urgent or emergency                                                  |
 | **imgURL**          | string  | No       | The URL of the image in the card                                                                                    |
 | **imgALT**          | string  | No       | The alternative text of the image in the card                                                                       |
diff --git a/packages/components/card/card.scss b/packages/components/card/card.scss
index d9cd32eb6..ade516ba0 100644
--- a/packages/components/card/card.scss
+++ b/packages/components/card/card.scss
@@ -286,15 +286,13 @@ $card-border-hover-color: $color_nhsuk-grey-3;
   .nhsuk-icon {
     display: block;
     fill: $color_nhsuk-blue;
-    margin-top: - nhsuk-spacing(2);
+    margin-top: -nhsuk-spacing(2);
     position: absolute;
     right: nhsuk-spacing(4);
     top: 50%;
   }
-
 }
 
-
 /* Card transparent
   ========================================================================== */
 
@@ -310,4 +308,4 @@ $card-border-hover-color: $color_nhsuk-grey-3;
   padding-left: 0;
   padding-right: 0;
   padding-top: 0;
-}
\ No newline at end of file
+}