diff --git a/components/Meta.js b/components/Meta.js
index da479e2..dfd889e 100644
--- a/components/Meta.js
+++ b/components/Meta.js
@@ -4,21 +4,39 @@ import Reset from './style/Reset'
 import Font from './style/Font'
 import Typography from './style/Typography'
 
-export const LOCAL_STYLESHEETS = ['one-dark', 'verminal', 'night-owl', 'nord']
+const LOCAL_STYLESHEETS = ['one-dark', 'verminal', 'night-owl', 'nord']
 
-const CDN_STYLESHEETS = THEMES.filter(
-  t => t.hasStylesheet !== false && LOCAL_STYLESHEETS.indexOf(t.id) < 0
-)
+const CDN_STYLESHEETS = THEMES.filter(t => LOCAL_STYLESHEETS.indexOf(t.id) < 0)
+
+export const StylesheetLink = ({ theme }) => {
+  let href
+  if (LOCAL_STYLESHEETS.indexOf(theme) > -1) {
+    href = `/static/themes/${theme}.css`
+  } else if (theme.indexOf('solarized') > -1) {
+    href = '//cdnjs.cloudflare.com/ajax/libs/codemirror/5.39.2/theme/solarized.min.css'
+  } else {
+    href = `//cdnjs.cloudflare.com/ajax/libs/codemirror/5.39.2/theme/${theme}.min.css`
+  }
+
+  return (
+    <Head>
+      <link key={href} rel="stylesheet" href={href} />
+    </Head>
+  )
+}
 
 export const CodeMirrorLink = () => (
-  <link
-    rel="stylesheet"
-    href="//cdnjs.cloudflare.com/ajax/libs/codemirror/5.39.2/codemirror.min.css"
-  />
+  <Head>
+    <link
+      key="//cdnjs.cloudflare.com/ajax/libs/codemirror/5.39.2/codemirror.min.css"
+      rel="stylesheet"
+      href="//cdnjs.cloudflare.com/ajax/libs/codemirror/5.39.2/codemirror.min.css"
+    />
+  </Head>
 )
 
 export const MetaTags = () => (
-  <>
+  <Head>
     <meta charSet="utf-8" />
     <meta httpEquiv="X-UA-Compatible" content="IE=edge" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
@@ -42,7 +60,7 @@ export const MetaTags = () => (
     <title>Carbon</title>
     <link rel="shortcut icon" href="/static/favicon.ico" />
     <link rel="manifest" href="/static/manifest.json" />
-  </>
+  </Head>
 )
 
 /*
@@ -55,33 +73,20 @@ export default function Meta() {
     <div className="meta">
       <Head>
         <title>Carbon</title>
-        <MetaTags />
         <link rel="stylesheet" href="/static/react-crop.css" />
-        <link
-          rel="stylesheet"
-          href="//cdnjs.cloudflare.com/ajax/libs/codemirror/5.39.2/theme/seti.min.css"
-        />
-        <CodeMirrorLink />
-        <link
-          rel="stylesheet"
-          href="//cdnjs.cloudflare.com/ajax/libs/codemirror/5.39.2/theme/solarized.min.css"
-        />
-        {LOCAL_STYLESHEETS.map(id => (
-          <link key={id} rel="stylesheet" href={`/static/themes/${id}.css`} />
-        ))}
-        {onBrowser
-          ? CDN_STYLESHEETS.map(theme => (
-              <link
-                key={theme.id}
-                rel="stylesheet"
-                href={
-                  theme.link ||
-                  `//cdnjs.cloudflare.com/ajax/libs/codemirror/5.39.2/theme/${theme.id}.min.css`
-                }
-              />
-            ))
-          : null}
       </Head>
+      <MetaTags />
+      <StylesheetLink theme="seti" />
+      <CodeMirrorLink />
+      <StylesheetLink theme="seti" />
+      {LOCAL_STYLESHEETS.map(id => (
+        <StylesheetLink key={id} theme={id} />
+      ))}
+      {onBrowser
+        ? CDN_STYLESHEETS.map(theme => (
+            <StylesheetLink key={theme.id} theme={theme.link || theme.id} />
+          ))
+        : null}
       <Reset />
       <Font />
       <Typography />
diff --git a/lib/constants.js b/lib/constants.js
index 754560c..8b3e799 100644
--- a/lib/constants.js
+++ b/lib/constants.js
@@ -90,13 +90,11 @@ export const THEMES = [
   },
   {
     id: 'solarized dark',
-    name: 'Solarized (Dark)',
-    hasStylesheet: false
+    name: 'Solarized (Dark)'
   },
   {
     id: 'solarized light',
-    name: 'Solarized (Light)',
-    hasStylesheet: false
+    name: 'Solarized (Light)'
   },
   {
     id: 'tomorrow-night-bright',
diff --git a/pages/embed.js b/pages/embed.js
index 2c9b786..69e4ebb 100644
--- a/pages/embed.js
+++ b/pages/embed.js
@@ -5,7 +5,7 @@ import { withRouter } from 'next/router'
 import url from 'url'
 
 // Ours
-import { LOCAL_STYLESHEETS, CodeMirrorLink, MetaTags } from '../components/Meta'
+import { StylesheetLink, CodeMirrorLink, MetaTags } from '../components/Meta'
 import Carbon from '../components/Carbon'
 import { DEFAULT_CODE, DEFAULT_SETTINGS } from '../lib/constants'
 
@@ -15,17 +15,10 @@ const Page = props => (
   <div>
     <Head>
       <title>Carbon Embeds</title>
-      <MetaTags />
-      {LOCAL_STYLESHEETS.indexOf(props.theme) > -1 ? (
-        <link rel="stylesheet" href={`/static/themes/${props.theme}.css`} />
-      ) : (
-        <link
-          rel="stylesheet"
-          href={`//cdnjs.cloudflare.com/ajax/libs/codemirror/5.39.2/theme/${props.theme}.min.css`}
-        />
-      )}
-      <CodeMirrorLink />
     </Head>
+    <MetaTags />
+    <StylesheetLink theme={props.theme} />
+    <CodeMirrorLink />
     {props.children}
     <style jsx global>
       {`
