From c376ebfce051bc0670a7f67a098b61a7e2ec4364 Mon Sep 17 00:00:00 2001
From: Rita Nkem Daniel <ritankemdaniel@gmail.com>
Date: Sun, 6 Aug 2023 22:44:46 +0100
Subject: [PATCH] Fix feed page responsiveness

---
 pages/feed/index.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/pages/feed/index.tsx b/pages/feed/index.tsx
index 90bc19db06..8889e8e9a8 100644
--- a/pages/feed/index.tsx
+++ b/pages/feed/index.tsx
@@ -127,7 +127,7 @@ const Feeds: WithPageLayout<HighlightSSRProps> = (props: HighlightSSRProps) => {
         twitterCard="summary_large_image"
       />
       <div className="w-full gap-[2rem] justify-center flex flex-col md:gap-6 xl:gap-16 pt-12 md:flex-row" ref={topRef}>
-        <div className="flex-col flex-1 hidden gap-6 mt-12 md:flex">
+        <div className="flex-col flex-1 xl:flex hidden gap-6 mt-12">
           {user && (
             <div className="md:w-1/2 lg:w-1/3">
               <UserCard
@@ -281,7 +281,7 @@ const Feeds: WithPageLayout<HighlightSSRProps> = (props: HighlightSSRProps) => {
             <FollowingHighlightWrapper selectedFilter={selectedRepo} emojis={emojis} />
           </TabsContent>
         </Tabs>
-        <div className="hidden gap-6 mt-10 md:flex-1 md:flex md:flex-col">
+        <div className="md:hidden gap-6 mt-10 md:flex-1 lg:flex md:flex-col">
           {repoList && repoList.length > 0 && (
             <HighlightsFilterCard
               selectedFilter={selectedRepo}