diff --git a/assets/css/custom.css b/assets/css/custom.css
index 551b888..59ee5f8 100644
--- a/assets/css/custom.css
+++ b/assets/css/custom.css
@@ -189,6 +189,12 @@
   background-color: var(--color-primary-700) !important
 }
 
+@media (min-width: 640px) {
+  .sm\:flex-row {
+    flex-direction: row
+  }
+}
+
 @media (min-width: 768px) {
   .md\:grid-cols-2 {
     grid-template-columns: repeat(2, minmax(0, 1fr))
diff --git a/tailwind.config.js b/tailwind.config.js
index f3887f0..0d5dc25 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -7,6 +7,9 @@ module.exports = {
     "./layouts/**/*.html",
     "./content/**/*.{html,md}",
   ],
+  safelist: [
+    'sm:flex-row',
+  ],
   darkMode: "class",
   theme: {
     colors: {