diff --git a/client/src/pages/learningPath/learningPathPage/LearningPathPathTopic.vue b/client/src/pages/learningPath/learningPathPage/LearningPathPathTopic.vue
index ef3baaad..dbcbded5 100644
--- a/client/src/pages/learningPath/learningPathPage/LearningPathPathTopic.vue
+++ b/client/src/pages/learningPath/learningPathPage/LearningPathPathTopic.vue
@@ -27,7 +27,7 @@ const filteredCircles = computed(() => {
 </script>
 
 <template>
-  <div class="border-l border-gray-500" :class="topicIndex == 0 ? 'ml-6 sm:ml-12' : ''">
+  <div class="basis-40 border-l border-gray-500 first:ml-6 first:sm:ml-12">
     <p
       :id="`topic-${topic.slug}`"
       class="inline-block h-12 self-start px-4 font-bold text-gray-800"