diff --git a/src/scss/ui/_flags.scss b/src/scss/ui/_flags.scss
index aee3c4aa0..13718d74b 100644
--- a/src/scss/ui/_flags.scss
+++ b/src/scss/ui/_flags.scss
@@ -5,8 +5,8 @@ $countries: (
 .flag {
   position: relative;
   display: inline-block;
-  height: 1.25rem;
-  aspect-ratio: 1.333;
+  width: 1.5rem;
+  aspect-ratio: 1.33333;
   background: no-repeat center/cover;
   box-shadow: $flag-box-shadow;
   border-radius: $flag-border-radius;
@@ -26,6 +26,6 @@ $countries: (
 
 @each $flag-size, $size in $flag-sizes {
   .flag-#{$flag-size} {
-    height: $size;
+    width: $size;
   }
 }