diff --git a/packages/web-components/fast-foundation/src/flipper/stories/flipper.stories.ts b/packages/web-components/fast-foundation/src/flipper/stories/flipper.stories.ts
index ff6446ba10c..a96a6657bc3 100644
--- a/packages/web-components/fast-foundation/src/flipper/stories/flipper.stories.ts
+++ b/packages/web-components/fast-foundation/src/flipper/stories/flipper.stories.ts
@@ -6,9 +6,9 @@ import { FlipperDirection } from "../flipper.options.js";
 
 const storyTemplate = html<StoryArgs<FASTFlipper>>`
     <fast-flipper
-        direction="${x => x.direction}"
         ?disabled="${x => x.disabled}"
         :hiddenFromAT="${x => x.hiddenFromAT}"
+        direction="${x => x.direction}"
     ></fast-flipper>
 `;