diff --git a/package.json b/package.json
index a6349bc..1fe675e 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "geolocation",
-  "version": "0.3.2",
+  "version": "0.3.3",
   "description": "A form field that provides the user's current geolocation",
   "author": "andz-bb",
   "license": "MIT",
diff --git a/src/Component.svelte b/src/Component.svelte
index 4339cae..718df68 100644
--- a/src/Component.svelte
+++ b/src/Component.svelte
@@ -95,13 +95,13 @@
       {label || " "}
     </label>
     <div class="spectrum-Form-itemField">
-      <button
-        class="spectrum-ActionButton spectrum-ActionButton--sizeM"
-        on:click={getLocation}
-        {disabled}
-      >
-        <span class="spectrum-ActionButton-label">Get Location</span>
-      </button>
+      {#if !disabled}
+        <button
+          on:click={getLocation}
+          class="spectrum-Button spectrum-Button--fill spectrum-Button--sizeM spectrum-Button--primary"
+          >Get Location</button
+        >
+      {/if}
       <p>{latitude}</p>
       <p>{longitude}</p>