diff --git a/frontend/src/components/ImageWithLabels/index.tsx b/frontend/src/components/ImageWithLabels/index.tsx
index 8b04122..27dd68e 100644
--- a/frontend/src/components/ImageWithLabels/index.tsx
+++ b/frontend/src/components/ImageWithLabels/index.tsx
@@ -64,7 +64,7 @@ export default function ImageWithLabels({ imagePath, labelData, projectId, image
   return (
     <div>
       <Toggle
-        variant="default"
+        variant="outline"
         size="sm"
         pressed={showComments}
         onPressedChange={(pressed) => setShowComments(pressed)}