diff --git a/web/components/theme/Theme.tsx b/web/components/theme/Theme.tsx
index 70ab0013a..31fb291ab 100644
--- a/web/components/theme/Theme.tsx
+++ b/web/components/theme/Theme.tsx
@@ -27,22 +27,26 @@ export const Theme: FC = () => {
       <Head>
         <meta name="theme-color" content={themeColor} />
       </Head>
-      <style
-        dangerouslySetInnerHTML={{
-          __html: `
+      {(appearanceVariables?.keys?.length || 0) > 0 && (
+        <style
+          dangerouslySetInnerHTML={{
+            __html: `
 				:root {
 					${appearanceVars.join(';\n')}
 				}
 			`,
-        }}
-      />
-      <style
-        dangerouslySetInnerHTML={{
-          __html: `
+          }}
+        />
+      )}
+      {customStyles !== '' && (
+        <style
+          dangerouslySetInnerHTML={{
+            __html: `
 				${customStyles}
 			`,
-        }}
-      />
+          }}
+        />
+      )}
     </>
   );
 };
diff --git a/web/package.json b/web/package.json
index 2b984d43d..5678d8bf2 100644
--- a/web/package.json
+++ b/web/package.json
@@ -145,4 +145,4 @@
 			"emoji-mart": "5.2.2"
 		}
 	}
-}
\ No newline at end of file
+}
