diff --git a/src/components/navigation/items/Item.module.scss b/src/components/navigation/items/Item.module.scss
index 8251d4c302ee1c9af1b4541723fc5a587b505d89..d5e4ff3367abbf6208768b2288eedff47750828a 100644
--- a/src/components/navigation/items/Item.module.scss
+++ b/src/components/navigation/items/Item.module.scss
@@ -147,14 +147,18 @@
 
 @media (pointer: coarse) {
     .item {
-        height: 55px;
+        height: 40px;
 
         &.compact {
             height: 50px;
 
-            div > svg {
-                height: 22px;
-                width: 22px;
+            > div {
+                gap: 20px;
+
+                > svg {
+                    height: 24px;
+                    width: 24px;
+                }
             }
         }
     }
diff --git a/src/pages/settings/GenericSettings.tsx b/src/pages/settings/GenericSettings.tsx
index baea15ac31ee1aa47bf7f72a37eab682f6f6a65c..b1206b0a18b3cb95a382696cdab04394a165fe14 100644
--- a/src/pages/settings/GenericSettings.tsx
+++ b/src/pages/settings/GenericSettings.tsx
@@ -85,7 +85,7 @@ export function GenericSettings({
                         <>
                             {showExitButton && (
                                 <IconButton onClick={exitSettings}>
-                                    <X size={24} />
+                                    <X size={27} style={{marginInlineEnd: "8px"}} />
                                 </IconButton>
                             )}
                             <Text id="app.settings.title" />
@@ -93,7 +93,7 @@ export function GenericSettings({
                     ) : (
                         <>
                             <IconButton onClick={() => switchPage()}>
-                                <ArrowBack size={24} />
+                                <ArrowBack size={24} style={{marginInlineEnd: "10px"}} />
                             </IconButton>
                             <Text
                                 id={`app.settings.${category}.${page}.title`}
diff --git a/src/pages/settings/panes/Panes.module.scss b/src/pages/settings/panes/Panes.module.scss
index 206810205c814fa4da06b0474ae654d43e9255e1..2b40d279797e66d5e81f1f951d7bb7c746234e1e 100644
--- a/src/pages/settings/panes/Panes.module.scss
+++ b/src/pages/settings/panes/Panes.module.scss
@@ -186,12 +186,21 @@
             text-transform: unset;
 
             a {
+                
                 opacity: 0.7;
                 color: var(--accent);
                 font-weight: 600;
                 &:hover {
                     text-decoration: underline;
                 }
+
+                
+            }
+
+            @media only screen and (max-width: 800px) {
+                a {
+                    display: block;
+                }
             }
         }
     }