diff --git a/src/App.vue b/src/App.vue
index 8a4e4cf1..a19259d7 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -20,7 +20,7 @@
 </template>
 
 <script>
-import NavBar from "@/components/NavBar.vue";
+import NavBar from "./components/NavBar.vue";
 export default {
     components: {
         NavBar,
diff --git a/src/components/ChannelPage.vue b/src/components/ChannelPage.vue
index 8c2c3403..a176c315 100644
--- a/src/components/ChannelPage.vue
+++ b/src/components/ChannelPage.vue
@@ -39,8 +39,8 @@
 </template>
 
 <script>
-import ErrorHandler from "@/components/ErrorHandler.vue";
-import VideoItem from "@/components/VideoItem.vue";
+import ErrorHandler from "./ErrorHandler.vue";
+import VideoItem from "./VideoItem.vue";
 
 export default {
     components: {
diff --git a/src/components/FeedPage.vue b/src/components/FeedPage.vue
index 5544cd11..0a4ed712 100644
--- a/src/components/FeedPage.vue
+++ b/src/components/FeedPage.vue
@@ -23,8 +23,8 @@
 </template>
 
 <script>
-import VideoItem from "@/components/VideoItem.vue";
-import Sorting from "@/components/Sorting.vue";
+import VideoItem from "./VideoItem.vue";
+import Sorting from "./Sorting.vue";
 
 export default {
     components: {
diff --git a/src/components/HistoryPage.vue b/src/components/HistoryPage.vue
index 62b4dfbf..7870e1dd 100644
--- a/src/components/HistoryPage.vue
+++ b/src/components/HistoryPage.vue
@@ -21,8 +21,8 @@
 </template>
 
 <script>
-import VideoItem from "@/components/VideoItem.vue";
-import Sorting from "@/components/Sorting.vue";
+import VideoItem from "./VideoItem.vue";
+import Sorting from "./Sorting.vue";
 
 export default {
     components: {
diff --git a/src/components/NavBar.vue b/src/components/NavBar.vue
index 38fbb5eb..0c90e9d1 100644
--- a/src/components/NavBar.vue
+++ b/src/components/NavBar.vue
@@ -71,7 +71,7 @@
 </template>
 
 <script>
-import SearchSuggestions from "@/components/SearchSuggestions.vue";
+import SearchSuggestions from "./SearchSuggestions.vue";
 
 export default {
     components: {
diff --git a/src/components/PlaylistPage.vue b/src/components/PlaylistPage.vue
index 69a52505..8c854bfb 100644
--- a/src/components/PlaylistPage.vue
+++ b/src/components/PlaylistPage.vue
@@ -41,8 +41,8 @@
 </template>
 
 <script>
-import ErrorHandler from "@/components/ErrorHandler.vue";
-import VideoItem from "@/components/VideoItem.vue";
+import ErrorHandler from "./ErrorHandler.vue";
+import VideoItem from "./VideoItem.vue";
 
 export default {
     components: {
diff --git a/src/components/SearchResults.vue b/src/components/SearchResults.vue
index 5ba041d2..02f4d196 100644
--- a/src/components/SearchResults.vue
+++ b/src/components/SearchResults.vue
@@ -58,7 +58,7 @@
 </template>
 
 <script>
-import VideoItem from "@/components/VideoItem.vue";
+import VideoItem from "./VideoItem.vue";
 
 export default {
     components: {
diff --git a/src/components/TrendingPage.vue b/src/components/TrendingPage.vue
index ffa03b6a..62283481 100644
--- a/src/components/TrendingPage.vue
+++ b/src/components/TrendingPage.vue
@@ -9,7 +9,7 @@
 </template>
 
 <script>
-import VideoItem from "@/components/VideoItem.vue";
+import VideoItem from "./VideoItem.vue";
 
 export default {
     components: {
diff --git a/src/components/WatchVideo.vue b/src/components/WatchVideo.vue
index ff75d788..01f55bf8 100644
--- a/src/components/WatchVideo.vue
+++ b/src/components/WatchVideo.vue
@@ -150,11 +150,11 @@
 </template>
 
 <script>
-import VideoPlayer from "@/components/VideoPlayer.vue";
-import VideoItem from "@/components/VideoItem.vue";
-import ErrorHandler from "@/components/ErrorHandler.vue";
-import CommentItem from "@/components/CommentItem.vue";
-import Chapters from "@/components/Chapters.vue";
+import VideoPlayer from "./VideoPlayer.vue";
+import VideoItem from "./VideoItem.vue";
+import ErrorHandler from "./ErrorHandler.vue";
+import CommentItem from "./CommentItem.vue";
+import Chapters from "./Chapters.vue";
 import PlaylistAddModal from "./PlaylistAddModal.vue";
 
 export default {