diff --git a/src/components/SettingsModal.jsx b/src/components/SettingsModal.jsx
index 9e0c0e23..bed7413d 100644
--- a/src/components/SettingsModal.jsx
+++ b/src/components/SettingsModal.jsx
@@ -119,12 +119,18 @@ const SettingsModal = ({ isOpen, closeModal }) => {
-
- toggleExpanded(2)}
- />
- toggleExpanded(2)}
- >Plebbit Options
+ toggleExpanded(2)}
+ />
+ toggleExpanded(2)}
+ >Plebbit Options
+
+
+
+
-
@@ -179,10 +185,6 @@ const SettingsModal = ({ isOpen, closeModal }) => {
Clear Cache
-
-
-
-
);
diff --git a/src/components/styled/SettingsModal.styled.jsx b/src/components/styled/SettingsModal.styled.jsx
index 7de1c5aa..0540482f 100644
--- a/src/components/styled/SettingsModal.styled.jsx
+++ b/src/components/styled/SettingsModal.styled.jsx
@@ -89,16 +89,14 @@ export const StyledModal = styled(Modal)`
text-align: center;
}
- .center {
- margin: auto;
- margin-bottom: 5px;
+ .plebbit-options-buttons {
display: block;
- text-align: center;
+ position: relative;
+ float: right;
button {
- display: inline-block;
- margin-right: 5px;
- margin-left: 5px;
+ margin-right: 3px;
+ margin-left: 3px;
}
}
@@ -168,9 +166,6 @@ export const StyledModal = styled(Modal)`
}
-
-
-
${({ selectedStyle }) => {
switch (selectedStyle) {
case 'Yotsuba':