diff --git a/assets/components/sites/sites.vue b/assets/components/sites/sites.vue
index 998e5429..6d335090 100644
--- a/assets/components/sites/sites.vue
+++ b/assets/components/sites/sites.vue
@@ -52,7 +52,10 @@ export default {
     display: flex;
 
     &.compact:not(.expanded) {
+        flex-direction: row;
+
         .tiles {
+            display: flex;
             overflow-x: auto;
         }
 
diff --git a/public/css/style.css b/public/css/style.css
index b1866ca2..368f8e93 100644
--- a/public/css/style.css
+++ b/public/css/style.css
@@ -650,12 +650,19 @@
   display: -webkit-box;
   display: flex;
 }
+.sites.compact[data-v-7bebaa3e]:not(.expanded) {
+    -webkit-box-orient: horizontal;
+    -webkit-box-direction: normal;
+            flex-direction: row;
+}
 .sites.compact:not(.expanded) .tiles[data-v-7bebaa3e] {
-    overflow-x: auto;
+      display: -webkit-box;
+      display: flex;
+      overflow-x: auto;
 }
 .sites.compact:not(.expanded) .tile[data-v-7bebaa3e] {
-    width: 15rem;
-    margin: 0 1rem 0 0;
+      width: 15rem;
+      margin: 0 1rem 0 0;
 }
 .sites.expanded .tiles[data-v-7bebaa3e] {
     grid-template-columns: repeat(2, 0.5fr);