diff --git a/src/components/generic/Sidebar/CollapsibleSection.tsx b/src/components/generic/Sidebar/CollapsibleSection.tsx
index 4eacbdad..7faef5bd 100644
--- a/src/components/generic/Sidebar/CollapsibleSection.tsx
+++ b/src/components/generic/Sidebar/CollapsibleSection.tsx
@@ -40,12 +40,12 @@ export const CollapsibleSection = ({
             <m.div className="my-auto flex gap-2">
               {status !== undefined ? (
                 <>
-                  {icon}
                   <div
-                    className={`h-3 w-3 rounded-full ${
+                    className={`my-auto h-2 w-2 rounded-full ${
                       status ? 'bg-green-500' : 'bg-red-500'
                     }`}
                   />
+                  {icon}
                 </>
               ) : (
                 <>{icon}</>