diff --git a/frontend/src/views/BusinessDetailsView.vue b/frontend/src/views/BusinessDetailsView.vue
index 7253df8..be743df 100644
--- a/frontend/src/views/BusinessDetailsView.vue
+++ b/frontend/src/views/BusinessDetailsView.vue
@@ -179,6 +179,8 @@ const goBack = () => router.back()
 </template>
 
 <style scoped>
+@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,700;0,900;1,400&display=swap');
+
 .business-details-view {
   min-height: 100vh;
   background: var(--bg-primary);
@@ -190,8 +192,6 @@ const goBack = () => router.back()
   font-family: 'Playfair Display', serif;
 }
 
-@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,700;0,900;1,400&display=swap');
-
 /* Hero Section */
 .hero-section {
   position: relative;