diff --git a/client/src/pages/learningPath/learningPathPage/LearningPathPage.vue b/client/src/pages/learningPath/learningPathPage/LearningPathPage.vue
index 41a3e020..e8a4bcf9 100644
--- a/client/src/pages/learningPath/learningPathPage/LearningPathPage.vue
+++ b/client/src/pages/learningPath/learningPathPage/LearningPathPage.vue
@@ -69,7 +69,9 @@ const changeViewType = (viewType: ViewType) => {
 <template>
   <div class="flex flex-col">
     <!-- Top -->
-    <div class="flex flex-row justify-between space-x-8 bg-gray-200 p-6 sm:p-12">
+    <div
+      class="flex flex-col justify-between gap-8 bg-gray-200 p-6 sm:p-12 xl:flex-row"
+    >
       <!-- Left -->
       <div class="flex flex-col justify-between lg:w-1/2">
         <div>