diff --git a/front/src/components/library/TrackDetail.vue b/front/src/components/library/TrackDetail.vue
index e0110640e..cf666451a 100644
--- a/front/src/components/library/TrackDetail.vue
+++ b/front/src/components/library/TrackDetail.vue
@@ -145,7 +145,7 @@ const trackDetails: {
 
     <Layout
       flex
-      style="gap: 24px;"
+      gap-64
     >
       <Layout
         stack
@@ -167,7 +167,6 @@ const trackDetails: {
           :key="item.label"
           flex
           class="details"
-          style="min-width: 120px;"
         >
           <span class="label">{{ item.label }}</span>
           <Spacer
@@ -201,7 +200,6 @@ const trackDetails: {
           :key="item.label"
           flex
           class="details"
-          style="min-width: 120px;"
         >
           <span class="label">{{ item.label }}</span>
           <Spacer
@@ -239,7 +237,7 @@ const trackDetails: {
   </Layout>
 </template>
 
-<style lang="scss">
+<style scoped lang="scss">
 .channel-image {
   width: 200px;
   height: 200px;
@@ -251,6 +249,7 @@ const trackDetails: {
   height: 72px;
   align-items: center;
   border-top: 1px solid;
+  min-width: 280px;
 
   @include light-theme {
     border-color: var(--fw-gray-300);