diff --git a/src/core/ui/settings/index.ts b/src/core/ui/settings/index.ts
index 494e9cd..c5274b9 100644
--- a/src/core/ui/settings/index.ts
+++ b/src/core/ui/settings/index.ts
@@ -24,7 +24,7 @@ export default function initSettings() {
             {
                 key: "BUNNY_PLUGINS",
                 title: () => Strings.PLUGINS,
-                icon: findAssetId("ActivitiesIcon"),
+                icon: findAssetId("AppsIcon"),
                 render: () => import("@core/ui/settings/pages/Plugins")
             },
             {
diff --git a/src/core/ui/settings/pages/Themes/index.tsx b/src/core/ui/settings/pages/Themes/index.tsx
index 95e7092..6f472e8 100644
--- a/src/core/ui/settings/pages/Themes/index.tsx
+++ b/src/core/ui/settings/pages/Themes/index.tsx
@@ -21,6 +21,7 @@ import {
   TableRowGroup,
   TableCheckboxRow,
   TableRowIcon,
+  TableSwitchRow,
 } from "@metro/common/components";
 import { View } from "react-native";
 
@@ -74,12 +75,14 @@ export default function Themes() {
               {/* Changed from TableRadioGroup to individual TableSwitchRow components
                   for better UX - users can now toggle options individually */}
               <TableRowGroup title="Override Theme Type">
-                <TableCheckboxRow
+                <TableSwitchRow
                   label="Auto"
                   icon={<TableRowIcon source={findAssetId("RobotIcon")} />}
-                  checked={!colorsPref.type}
-                  onPress={() => {
-                    if (!colorsPref.type) {
+                  value={!colorsPref.type}
+                  onValueChange={(enabled: boolean) => {
+                    if (enabled) {
+                      colorsPref.type = undefined;
+                    } else {
                       colorsPref.type = "dark";
                     }
                     getCurrentTheme()?.data &&
@@ -88,24 +91,24 @@ export default function Themes() {
                       });
                   }}
                 />
-                <TableCheckboxRow
+                <TableSwitchRow
                   label="Dark"
                   icon={<TableRowIcon source={findAssetId("ThemeDarkIcon")} />}
-                  checked={colorsPref.type === "dark"}
-                  onPress={() => {
-                    colorsPref.type = colorsPref.type === "dark" ? undefined : "dark";
+                  value={colorsPref.type === "dark"}
+                  onValueChange={(enabled: boolean) => {
+                    colorsPref.type = enabled ? "dark" : undefined;
                     getCurrentTheme()?.data &&
                       updateBunnyColor(getCurrentTheme()!.data!, {
                         update: true,
                       });
                   }}
                 />
-                <TableCheckboxRow
+                <TableSwitchRow
                   label="Light"
                   icon={<TableRowIcon source={findAssetId("ThemeLightIcon")} />}
-                  checked={colorsPref.type === "light"}
-                  onPress={() => {
-                    colorsPref.type = colorsPref.type === "light" ? undefined : "light";
+                  value={colorsPref.type === "light"}
+                  onValueChange={(enabled: boolean) => {
+                    colorsPref.type = enabled ? "light" : undefined;
                     getCurrentTheme()?.data &&
                       updateBunnyColor(getCurrentTheme()!.data!, {
                         update: true,
@@ -114,13 +117,20 @@ export default function Themes() {
                 />
               </TableRowGroup>
               <TableRowGroup title="Chat Background">
-                <TableCheckboxRow
+                <TableSwitchRow
                   label="Show Background"
-                  subLabel="Enable or disable themes background on chat"
                   icon={<TableRowIcon source={findAssetId("ImageIcon")} />}
-                  checked={!colorsPref.customBackground}
-                  onPress={() => {
-                    colorsPref.customBackground = !colorsPref.customBackground ? "hidden" : null;
+                  value={!colorsPref.customBackground}
+                  onValueChange={(enabled: boolean) => {
+                    colorsPref.customBackground = enabled ? null : "hidden";
+                  }}
+                />
+                <TableSwitchRow
+                  label="Hide Background"
+                  icon={<TableRowIcon source={findAssetId("DenyIcon")} />}
+                  value={colorsPref.customBackground === "hidden"}
+                  onValueChange={(enabled: boolean) => {
+                    colorsPref.customBackground = enabled ? "hidden" : null;
                   }}
                 />
               </TableRowGroup>