diff --git a/login/index.html b/login/index.html
index 4296a42..73bc88d 100644
--- a/login/index.html
+++ b/login/index.html
@@ -9,17 +9,6 @@
     <link rel="stylesheet" type="text/css" href="../static/css/style.css" />
     <script src="../static/js/hash-wasm.js"></script>
     <link rel="icon" href="../static/svg/favicon.svg">
-    <style>
-        body {
-            background-color: #d9d9d9;
-            background-image: url("/static/svg/grid.svg");
-            background-repeat: repeat;
-            background-size: 312px;
-        }
-        .inoutdiv {
-            border-radius: 8px;
-        }
-    </style>
     <script>
     if (window.location.href.endsWith('/index.html')) {
         if (window.location.origin !== null) {
@@ -32,6 +21,7 @@
 </head>
 
 <body>
+    <img src="/static/img/background.jpg" class="background">
     <div class="inoutdiv">
         <h2 class="w300">Login</h2>
         <p id="statusBox"></p>
diff --git a/signup/index.html b/signup/index.html
index 10966d2..5918f58 100644
--- a/signup/index.html
+++ b/signup/index.html
@@ -9,17 +9,6 @@
     <link rel="stylesheet" type="text/css" href="../static/css/style.css" />
     <script src="../static/js/hash-wasm.js"></script>
     <link rel="icon" href="../static/svg/favicon.svg">
-    <style>
-        body {
-            background-color: #d9d9d9;
-            background-image: url("/static/svg/grid.svg");
-            background-repeat: repeat;
-            background-size: 312px;
-        }
-        .inoutdiv {
-            border-radius: 8px;
-        }
-    </style>
     <script>
     if (window.location.href.endsWith('/index.html')) {
         if (window.location.origin !== null) {
@@ -32,6 +21,7 @@
 </head>
 
 <body>
+    <img src="/static/img/background.jpg" class="background">
     <div class="inoutdiv">
         <h2 class="w300">Signup</h2>
         <p>Signup for a Burgernotes account</p>
diff --git a/static/css/style.css b/static/css/style.css
index e193423..0a79d2c 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -516,9 +516,9 @@ body {
 /* Sign up/log in div */
 
 .inoutdiv {
+    border-radius: 8px;
     margin: 10%;
     padding: 30px;
-    border-radius: 25px;
     border: solid 1px var(--border-color);
     background-color: var(--bar);
 }
@@ -557,6 +557,14 @@ body {
     text-align: center;
 }
 
+.background {
+    position: fixed;
+    z-index: -1;
+    top: 0;
+    width: 100%;
+    min-height: 100%;
+}
+
 .hidden {
     display: none !important;
 }
diff --git a/static/img/background.jpg b/static/img/background.jpg
new file mode 100644
index 0000000..585ef41
Binary files /dev/null and b/static/img/background.jpg differ
