diff --git a/components/Turnstile.vue b/components/Turnstile.vue
index 309a97c..132ddcf 100644
--- a/components/Turnstile.vue
+++ b/components/Turnstile.vue
@@ -1,6 +1,6 @@
 <template>
-  <div class="has-text-centered">
-    <div ref="turnstileContainer"></div>
+  <div class="turnstile-wrap">
+    <div ref="turnstileContainer" class="turnstile-container"></div>
   </div>
 </template>
 
@@ -37,6 +37,8 @@ export default {
       if (!this.$refs.turnstileContainer || this.widgetId !== null) return
       this.widgetId = window.turnstile.render(this.$refs.turnstileContainer, {
         sitekey: this.sitekey,
+        theme: 'light',
+        size: 'flexible',
         callback: (token) => {
           this.token = token
         },
@@ -77,4 +79,25 @@ export default {
 }
 </script>
 
-<style scoped></style>
+<style scoped>
+.turnstile-wrap {
+  display: flex;
+  justify-content: center;
+  width: 100%;
+  margin: 0.75rem 0;
+}
+
+.turnstile-container {
+  width: 50%;
+}
+
+.turnstile-container >>> div {
+  display: flex;
+  justify-content: center;
+}
+
+.turnstile-container >>> iframe {
+  display: block;
+  margin: 0 auto;
+}
+</style>