diff --git a/packages/components/atoms/f-form-field/CHANGELOG.md b/packages/components/atoms/f-form-field/CHANGELOG.md
index 6b0aca45fb..b0f1a98282 100644
--- a/packages/components/atoms/f-form-field/CHANGELOG.md
+++ b/packages/components/atoms/f-form-field/CHANGELOG.md
@@ -3,6 +3,15 @@
 The format is based on [Keep a Changelog](http://keepachangelog.com/en/1.0.0/)
 and this project adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0.html).
 
+
+v4.12.0
+------------------------------
+*Jun 7, 2022*
+
+### Changed
+- Swapped CaretIcon with CaretDownFilledIcon via @justeattakeaway/pie-icons-vue
+
+
 v4.11.0
 ------------------------------
 *May 30, 2022*
diff --git a/packages/components/atoms/f-form-field/package.json b/packages/components/atoms/f-form-field/package.json
index 6bb5c592b0..7cc766a5e1 100644
--- a/packages/components/atoms/f-form-field/package.json
+++ b/packages/components/atoms/f-form-field/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@justeat/f-form-field",
   "description": "Fozzie Form Field - Fozzie Form Field Component",
-  "version": "4.11.0",
+  "version": "4.12.0",
   "main": "dist/f-form-field.umd.min.js",
   "maxBundleSize": "20kB",
   "files": [
diff --git a/packages/components/atoms/f-form-field/src/components/FormDropdown.vue b/packages/components/atoms/f-form-field/src/components/FormDropdown.vue
index add5644d3f..ed6104e978 100644
--- a/packages/components/atoms/f-form-field/src/components/FormDropdown.vue
+++ b/packages/components/atoms/f-form-field/src/components/FormDropdown.vue
@@ -24,20 +24,20 @@
                 :value="option.value">{{ option.text }}</option>
         </select>
 
-        <caret-icon
+        <caret-down-filled-icon
             :class="$style['c-formDropdown-icon']"
             :data-test-id="testId.icon" />
     </div>
 </template>
 
 <script>
-import { CaretIcon } from '@justeat/f-vue-icons';
+import { CaretDownFilledIcon } from '@justeattakeaway/pie-icons-vue';
 
 export default {
     name: 'FormDropdown',
 
     components: {
-        CaretIcon
+        CaretDownFilledIcon
     },
 
     inheritAttrs: false,
@@ -99,7 +99,6 @@ $form-dropdown-iconIndent--large              : 25px;
     width: spacing(c);
     position: absolute;
     right: spacing(e);
-    transform: rotate(180deg);
     pointer-events: none;
 
     path {