2 files changed, 15 insertions, 6 deletions
diff --git a/frontend/src/theme/GlobalStyle.js b/frontend/src/theme/GlobalStyle.js
index 9fe80a5..2942687 100644
--- a/frontend/src/theme/GlobalStyle.js
+++ b/frontend/src/theme/GlobalStyle.js
@@ -2,10 +2,16 @@ import { createGlobalStyle } from 'styled-components'
 
 export default createGlobalStyle`
   body {
-    margin: 0;
-    padding: 0;
-    background: ${(p) => p.theme.colors.background};
-    font-family: 'JetBrains Mono', monospace;
-    color: ${(p) => p.theme.colors.text};
+      margin: 0;
+      padding: 0;
+      background: ${(p) => p.theme.colors.background};
+      font-family: 'JetBrains Mono', monospace;
+      color: ${(p) => p.theme.colors.text};
+  }
+  
+  @media all and (max-width: 1000px) {
+    .lt-content-column {
+        padding: 0 calc(5vw + 1em) 0 5vw !important;
+    }
   }
 `
 \ No newline at end of file
diff --git a/frontend/src/theme/ThemeProvider.js b/frontend/src/theme/ThemeProvider.js
index d9edcb0..57d57ef 100644
--- a/frontend/src/theme/ThemeProvider.js
+++ b/frontend/src/theme/ThemeProvider.js
@@ -4,10 +4,13 @@ import { ThemeProvider } from 'styled-components'
 const theme = {
   colors: {
     background: '#faf9f5',
+    codeHighlight: '#00000008',
     border: '#565656',
     text: '#111111',
     error: '#ee1111',
   },
 }
 
-export default ({ children }) => <ThemeProvider theme={theme}>{children}</ThemeProvider>
-\ No newline at end of file
+const Provider = ({ children }) => <ThemeProvider theme={theme}>{children}</ThemeProvider>
+
+export default Provider
+\ No newline at end of file