diff --git a/src/components/statistics/MemoryCharts.vue b/src/components/statistics/MemoryCharts.vue
index 9530a9da..d8e94764 100644
--- a/src/components/statistics/MemoryCharts.vue
+++ b/src/components/statistics/MemoryCharts.vue
@@ -7,6 +7,10 @@
     class="hidden text-base-content"
     ref="text"
   ></span>
+  <span
+    class="hidden text-primary"
+    ref="line"
+  ></span>
 </template>
 
 <script setup lang="ts">
@@ -25,15 +29,18 @@ import { useI18n } from 'vue-i18n'
 echarts.use([LineChart, GridComponent, LegendComponent, CanvasRenderer])
 
 const text = ref()
+const line = ref()
 const t = useI18n().t
 const chart = ref()
 
 onMounted(() => {
   let color = getComputedStyle(text.value)?.color
+  let lineColor = getComputedStyle(line.value)?.color
   watch(
     () => theme.value,
     () => {
       color = getComputedStyle(text.value)?.color
+      lineColor = getComputedStyle(line.value)?.color
     },
   )
   const options = computed(() => {
@@ -87,7 +94,7 @@ onMounted(() => {
             disabled: true,
           },
           type: 'line',
-          color: color,
+          color: lineColor,
           smooth: true,
         },
       ],
diff --git a/src/views/SettingsPage.vue b/src/views/SettingsPage.vue
index c4e9327a..11bbbd73 100644
--- a/src/views/SettingsPage.vue
+++ b/src/views/SettingsPage.vue
@@ -187,7 +187,7 @@
             v-model="showGlobalProxy"
           />
         </div>
-        <div class="flex items-center gap-2">
+        <div class="flex items-center gap-2 max-sm:hidden">
           {{ $t('twoColumnProxyGroup') }}:
           <input
             class="toggle"
@@ -255,7 +255,7 @@
           {{ $t('card') }}
         </div>
         <div
-          class="flex items-center gap-2"
+          class="flex items-center gap-2 max-sm:hidden"
           v-if="useConnectionCard"
         >
           {{ $t('compactCard') }}: