diff --git a/src/lib/_imports/components/align.css b/src/lib/_imports/components/align.css
index 328ec3bfd..591292431 100644
--- a/src/lib/_imports/components/align.css
+++ b/src/lib/_imports/components/align.css
@@ -1,22 +1,25 @@
 /* Basic Structure */
 
-.align-right {
+@define-mixin align--right {
   float: right;
   margin-left: var(--global-space--grid-gap);
 }
-.align-left {
+.align-right { @mixin align--right; }
+
+@define-mixin align--left {
   float: left;
   margin-right: var(--global-space--grid-gap);
 }
-.align-center {
+.align-left { @mixin align--left; }
+
+@define-mixin align--center {
   /* Client should manage display */
   /* FAQ: Display is likely block-ish e.g. block, inline-block, table */
   /* FAQ: We cannot assume which display is best for client */
   /* display: ... */
   margin-inline: auto;
 }
-
-
+.align-center { @mixin align--center; }
 
 /* Edge Cases */