diff --git a/src/components/ButtonGroup.js b/src/components/ButtonGroup.js
index db02735..1f43509 100644
--- a/src/components/ButtonGroup.js
+++ b/src/components/ButtonGroup.js
@@ -4,12 +4,13 @@ import styled from 'styled-components/macro';
 import DefaultButton from './Buttons.js';
 
 const GroupButton = styled(DefaultButton)`
+&& {
   color: ${props => props.$active ? 'white' : 'var(--gray-900)'};
   border: ${props => props.$active ? '1px solid var(--green-500)' : '1px solid var(--gray-800)'};
   background-color: ${props => props.$active ? 'var(--green-500)' : 'var(--gray-800)'};
   margin: 5px;
   width: 40px;
-`;
+}`;
 
 const ButtonGroup = ({ buttons, initialClickedId = 2, clickCallback }) => {
   const [clickedId, setClickedId] = useState(initialClickedId);
diff --git a/src/components/Buttons.js b/src/components/Buttons.js
index efb9fae..d9151fa 100644
--- a/src/components/Buttons.js
+++ b/src/components/Buttons.js
@@ -1,6 +1,7 @@
 import styled from 'styled-components/macro';
 
 const DefaultButton = styled.button`
+&& {
   cursor: pointer;
   color: #fff;
   font-family: "Lato", sans-serif;
@@ -21,11 +22,12 @@ const DefaultButton = styled.button`
     background-color: var(--green-400);
     border: 1px solid var(--green-400);
   }
-`;
+}`;
 
 export const TopbarButton = styled(DefaultButton)`
+&& {
   padding: 0px 15px;
   margin: 5px;
-`;
+}`;
 
 export default DefaultButton;
\ No newline at end of file
diff --git a/src/components/Modal.js b/src/components/Modal.js
index dd8c324..d368c91 100644
--- a/src/components/Modal.js
+++ b/src/components/Modal.js
@@ -31,6 +31,7 @@ const ButtonContainer = styled.div`
 `;
 
 const ModalButton = styled(DefaultButton)`
+&& {
   padding: 0 10px;
   margin-top: 0px;
 
@@ -38,7 +39,7 @@ const ModalButton = styled(DefaultButton)`
     background-color: ${props => props.$negative ? 'var(--red-500)' : 'var(--green-400)'} !important;
     border: 1px solid ${props => props.$negative ? 'var(--red-500)' : 'var(--green-400)'} !important;
   }
-`;
+}`;
 
 const Modal = ({changeDocumentTemplate, selectedTemplate, closeModal}) => {