diff --git a/src/components/Pager/index.tsx b/src/components/Pager/index.tsx
index 3a53e965..fb7ae07d 100644
--- a/src/components/Pager/index.tsx
+++ b/src/components/Pager/index.tsx
@@ -1,3 +1,5 @@
+import './styles.css'
+
 import Link from 'next/link'
 
 const text = ['↑', '↓']
@@ -14,20 +16,8 @@ export type PagerProps = {
 }
 
 export const Pager: React.FC<PagerProps> = ({ url, position }) => (
-    <div>
-        <style jsx>{`
-            div {
-                text-align: center;
-                margin-top: var(--size-m);
-                margin-bottom: var(--size-m);
-            }
-
-            span {
-                margin: 0 var(--size-s);
-            }
-        `}</style>
-
-        <span>
+    <div className={'pager'}>
+        <span className={'pager icon'}>
             {text[i(position)]}
         </span>
 
diff --git a/src/components/Pager/styles.css b/src/components/Pager/styles.css
new file mode 100644
index 00000000..fd3f6d8e
--- /dev/null
+++ b/src/components/Pager/styles.css
@@ -0,0 +1,9 @@
+.pager {
+    text-align: center;
+    margin-top: var(--size-m);
+    margin-bottom: var(--size-m);
+}
+
+.pager .icon {
+    margin: 0 var(--size-s);
+}