diff --git a/src/components/Category/Categories.component.tsx b/src/components/Category/Categories.component.tsx
index 4f665b62c..c085bef9f 100644
--- a/src/components/Category/Categories.component.tsx
+++ b/src/components/Category/Categories.component.tsx
@@ -7,7 +7,7 @@ interface ICategoriesProps {
 
 const Categories = ({ categories }: ICategoriesProps) => (
   <section className="container mx-auto bg-white">
-    <div className="grid gap-2 px-2 pt-2 pb-2 lg:px-0 xl:px-0 md:px-0 lg:grid-cols-4 sm:grid-cols-2 md:grid-cols-3 xs:grid-cols-3">
+    <div className="grid gap-2 px-2 pt-2 pb-2 lg:px-0 xl:px-0 md:px-0 lg:grid-cols-3 sm:grid-cols-1 md:grid-cols-3 xs:grid-cols-3">
       {categories.map(({ id, name, slug }) => (
         <Link
           key={uuidv4()}