From ec35193472916da46fc740795027123d17f24cde Mon Sep 17 00:00:00 2001
From: austinkelsay <austinkelsay@yahoo.com>
Date: Mon, 14 Oct 2024 20:09:24 -0500
Subject: [PATCH] Fix topics on mobile view on video details

---
 src/components/content/videos/VideoDetails.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/content/videos/VideoDetails.js b/src/components/content/videos/VideoDetails.js
index 708bc49..c5a3dd3 100644
--- a/src/components/content/videos/VideoDetails.js
+++ b/src/components/content/videos/VideoDetails.js
@@ -134,7 +134,7 @@ const VideoDetails = ({ processedEvent, topics, title, summary, image, price, au
         <div className="w-full">
             {renderContent()}
             <div className="bg-gray-800/90 rounded-lg p-4 m-4 max-mob:m-0 max-tab:m-0 max-mob:rounded-t-none max-tab:rounded-t-none">
-                <div className="w-full flex flex-col items-start justify-start mt-2 px-2">
+                <div className={`w-full flex flex-col items-start justify-start mt-2 px-2 ${isMobileView ? 'flex-col' : 'flex-row'}`}>
                     <div className={`flex ${isMobileView ? 'flex-col' : 'flex-row'} items-center gap-2 w-full`}>
                         <h1 className='text-4xl'>{title}</h1>
                         {topics && topics.length > 0 && (