3 files changed, 17 insertions, 13 deletions
diff --git a/FrontEnd/src/views/search/index.css b/FrontEnd/src/views/search/index.css
new file mode 100644
index 00000000..6ff4d9fa
--- /dev/null
+++ b/FrontEnd/src/views/search/index.css
@@ -0,0 +1,15 @@
+.timeline-search-result-item {
+  border: 1px solid;
+  border-color: #e9ecef;
+  background: #f8f9fa;
+  transition: all 0.3s;
+}
+.timeline-search-result-item:hover {
+  border-color: #0d6efd;
+}
+
+.timeline-search-result-item-avatar {
+  width: 2em;
+  height: 2em;
+  border-radius: 50%;
+}
diff --git a/FrontEnd/src/views/search/index.tsx b/FrontEnd/src/views/search/index.tsx
index 9a26802d..f5018c3e 100644
--- a/FrontEnd/src/views/search/index.tsx
+++ b/FrontEnd/src/views/search/index.tsx
@@ -11,6 +11,8 @@ import { HttpTimelineInfo } from "@/http/timeline";
 import SearchInput from "../common/SearchInput";
 import UserAvatar from "../common/user/UserAvatar";
 
+import "./index.css";
+
 const TimelineSearchResultItemView: React.FC<{
   timeline: HttpTimelineInfo;
 }> = ({ timeline }) => {
diff --git a/FrontEnd/src/views/search/search.sass b/FrontEnd/src/views/search/search.sass
deleted file mode 100644
index 83f297fe..00000000
--- a/FrontEnd/src/views/search/search.sass
+++ /dev/null
@@ -1,13 +0,0 @@
-.timeline-search-result-item
-  @extend .rounded
-  border: 1px solid
-  border-color: $gray-200
-  background: $gray-100
-  transition: all 0.3s
-  &:hover
-    border-color: $primary
-    
-.timeline-search-result-item-avatar
-  width: 2em
-  height: 2em
-  border-radius: 50%