From 952ee8fcab7d086a92aedc4adc0dfabb9e0559ad Mon Sep 17 00:00:00 2001
From: Zacharias-Brohn <zacbro-8@student.ltu.se>
Date: Thu, 15 Jan 2026 14:50:28 +0100
Subject: [PATCH] changes

---
 components/Settings/SettingsModal.tsx | 55 ++++++++++++++++-----------
 1 file changed, 32 insertions(+), 23 deletions(-)

diff --git a/components/Settings/SettingsModal.tsx b/components/Settings/SettingsModal.tsx
index da7ebe3..92d5de2 100644
--- a/components/Settings/SettingsModal.tsx
+++ b/components/Settings/SettingsModal.tsx
@@ -553,32 +553,41 @@ export function SettingsModal({
                             return (
                               <Accordion.Item key={modelName} value={modelName}>
                                 <Accordion.Control>
-                                  <Group justify="space-between" pr="sm" wrap="nowrap">
-                                    <Group gap="xs" wrap="nowrap">
+                                  <Group
+                                    justify="space-between"
+                                    pr="sm"
+                                    wrap="nowrap"
+                                    align="flex-start"
+                                  >
+                                    <div>
                                       <Text fw={500} size="sm">
                                         {modelName}
                                       </Text>
-                                      {capabilities.map((cap) => (
-                                        <Badge
-                                          key={cap}
-                                          size="xs"
-                                          variant="light"
-                                          color={
-                                            cap === 'vision'
-                                              ? 'violet'
-                                              : cap === 'tools'
-                                                ? 'blue'
-                                                : cap === 'thinking'
-                                                  ? 'orange'
-                                                  : cap === 'embedding'
-                                                    ? 'teal'
-                                                    : 'gray'
-                                          }
-                                        >
-                                          {cap}
-                                        </Badge>
-                                      ))}
-                                    </Group>
+                                      {capabilities.length > 0 && (
+                                        <Group gap="xs" mt={4}>
+                                          {capabilities.map((cap) => (
+                                            <Badge
+                                              key={cap}
+                                              size="xs"
+                                              variant="light"
+                                              color={
+                                                cap === 'vision'
+                                                  ? 'violet'
+                                                  : cap === 'tools'
+                                                    ? 'blue'
+                                                    : cap === 'thinking'
+                                                      ? 'orange'
+                                                      : cap === 'embedding'
+                                                        ? 'teal'
+                                                        : 'gray'
+                                              }
+                                            >
+                                              {cap}
+                                            </Badge>
+                                          ))}
+                                        </Group>
+                                      )}
+                                    </div>
                                     <Group gap="xs" wrap="nowrap">
                                       <Badge size="xs" variant="light" color="gray">
                                         {tags.length} tags