From 739dd536373eec9b7c832a8da8542e4ab386470b Mon Sep 17 00:00:00 2001
From: Paul <paulmakles@gmail.com>
Date: Fri, 24 Dec 2021 15:51:11 +0000
Subject: [PATCH] fix: add margin to theme selector

---
 src/components/settings/appearance/ThemeBaseSelector.tsx | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

diff --git a/src/components/settings/appearance/ThemeBaseSelector.tsx b/src/components/settings/appearance/ThemeBaseSelector.tsx
index 17702588..71952ef2 100644
--- a/src/components/settings/appearance/ThemeBaseSelector.tsx
+++ b/src/components/settings/appearance/ThemeBaseSelector.tsx
@@ -1,17 +1,15 @@
-import { observer } from "mobx-react-lite";
 import styled from "styled-components";
 
 import { Text } from "preact-i18n";
 
-import { useApplicationState } from "../../../mobx/State";
-
 import darkSVG from "./dark.svg";
 import lightSVG from "./light.svg";
 
 const List = styled.div`
     gap: 8px;
-    display: flex;
     width: 100%;
+    display: flex;
+    margin-bottom: 15px;
 
     > div {
         min-width: 0;
@@ -29,6 +27,7 @@ const List = styled.div`
         &[data-active="true"] {
             cursor: default;
             border: 3px solid var(--accent);
+
             &:hover {
                 border: 3px solid var(--accent);
             }