Fix close button alignment issue

CHANGELOG.md

@@ -10,6 +10,8 @@
 
 ### Fixed
 
+- `Dialog`: Fix close button alignment in cases where css order changes during build. ([@lorgan3](https://github.com/lorgan3)) in [#2351](https://github.com/teamleadercrm/ui/pull/2351))
+
 ### Dependency updates
 
 ## [16.0.3] - 2022-09-05
@@ -22,7 +24,7 @@
 
 ### Dependency updates
 
-- `storybook`: Bump storybook from 6.5.9 to 6.5.10 ([@KristofColpaert](https://github.com/KristofColpaert)) in  [#2327](https://github.com/teamleadercrm/ui/pull/2327)
+- `storybook`: Bump storybook from 6.5.9 to 6.5.10 ([@KristofColpaert](https://github.com/KristofColpaert)) in [#2327](https://github.com/teamleadercrm/ui/pull/2327)
 
 ## [16.0.1] - 2022-08-08
 

src/components/dialog/theme.css

@@ -29,6 +29,10 @@
   transition-delay: var(--animation-delay);
   width: 100vw;
   z-index: 2;
+
+  .close-icon {
+    margin-left: auto;
+  }
 }
 
 .inner {
@@ -90,10 +94,6 @@
   padding: var(--spacer-regular);
 }
 
-.close-icon {
-  margin-left: auto;
-}
-
 .scroll-shadow {
   box-shadow: 0px 0px 1px rgba(130, 130, 140, 0.09), 0px 0px 0px rgba(130, 130, 140, 0.09),
     0px -4px 8px rgba(130, 130, 140, 0.09);