diff --git a/resources/css/components/post-grid.css b/resources/css/components/post-grid.css
index 12d9e0f..7b3e813 100644
--- a/resources/css/components/post-grid.css
+++ b/resources/css/components/post-grid.css
@@ -1,10 +1,14 @@
 .post-grid {
   &__toolbar {
     /* @apply flex flex-col md:grid  md:grid-cols-2 gap-4 md:items-center justify-between pb-12; */
-    @apply pb-12 grid gap-8 gap-y-8 items-end;
-    grid-template-columns: max-content 1fr;
+    @apply pb-12 flex flex-col md:grid gap-8  gap-y-5 md:gap-y-8 md:items-end;
+    max-width: 100%;
+    @apply grid-cols-1;
+    @screen md {
+      grid-template-columns: max-content 1fr;
+    }
     .post-count {
-      @apply flex items-end gap-2 col-span-1;
+      @apply flex items-end gap-2 col-span-1 pt-6 md:pt-0;
 
       &__count {
         @apply font-normal uppercase fjalla;