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

---
 components/Settings/SettingsModal.tsx | 17 ++++++++++++++++-
 1 file changed, 16 insertions(+), 1 deletion(-)

diff --git a/components/Settings/SettingsModal.tsx b/components/Settings/SettingsModal.tsx
index e5b0929..3f2d9cc 100644
--- a/components/Settings/SettingsModal.tsx
+++ b/components/Settings/SettingsModal.tsx
@@ -523,7 +523,22 @@ export function SettingsModal({
                       </Group>
                     ) : (
                       <>
-                        <Accordion variant="separated" radius="md">
+                        <Accordion
+                          variant="separated"
+                          radius="md"
+                          styles={{
+                            item: {
+                              border: '1px solid var(--mantine-color-default-border)',
+                              backgroundColor: 'var(--mantine-color-body)',
+                            },
+                            control: {
+                              padding: 'var(--mantine-spacing-sm)',
+                            },
+                            label: {
+                              padding: 0,
+                            },
+                          }}
+                        >
                           {paginatedModels.map((modelName) => {
                             const tags = availableModels?.models[modelName] || [];
                             const installedTags = getInstalledTags(modelName);