diff --git a/frontend/app/notification/ratingbubble.less b/frontend/app/notification/ratingbubble.scss
similarity index 100%
rename from frontend/app/notification/ratingbubble.less
rename to frontend/app/notification/ratingbubble.scss
diff --git a/frontend/app/notification/ratingbubble.tsx b/frontend/app/notification/ratingbubble.tsx
index 9830bab58..0eb4afdc5 100644
--- a/frontend/app/notification/ratingbubble.tsx
+++ b/frontend/app/notification/ratingbubble.tsx
@@ -6,7 +6,7 @@ import { makeIconClass } from "@/util/util";
 import clsx from "clsx";
 import { useState } from "react";
 
-import "./ratingbubble.less";
+import "./ratingbubble.scss";
 
 interface RatingBubbleProps {
     notification: NotificationType;