diff --git a/website/assets/styles/pages/pricing.less b/website/assets/styles/pages/pricing.less
index b193735f14..20a3a93feb 100644
--- a/website/assets/styles/pages/pricing.less
+++ b/website/assets/styles/pages/pricing.less
@@ -68,7 +68,7 @@
       z-index: 3;
       user-select: none;
     }
-    .it-selected {
+    .security-selected {
       transform: translateX(140px);
     }
 
diff --git a/website/views/pages/pricing.ejs b/website/views/pages/pricing.ejs
index 6a37477366..64fd9cec2e 100644
--- a/website/views/pages/pricing.ejs
+++ b/website/views/pages/pricing.ejs
@@ -7,9 +7,9 @@
         </h2>
       </div>
       <div purpose="pricing-switch" class="d-flex flex-row justify-content-center mx-auto mb-5" @click="displaySecurityPricingMode = !displaySecurityPricingMode">
-        <div purpose="pricing-switch-option" :class="[displaySecurityPricingMode ? 'selected' : '']">Security</div>
         <div purpose="pricing-switch-option" :class="[!displaySecurityPricingMode ? 'selected' : '']">IT</div>
-        <div purpose="pricing-tier-switch" :class="[!displaySecurityPricingMode ? 'it-selected' : '']"></div>
+        <div purpose="pricing-switch-option" :class="[displaySecurityPricingMode ? 'selected' : '']">Security</div>
+        <div purpose="pricing-tier-switch" :class="[displaySecurityPricingMode ? 'security-selected' : '']"></div>
       </div>
       <h4 class="pb-4 mb-4 text-center" v-if="displaySecurityPricingMode">Always cross-platform, always secure. You will always have control over read/write privileges.</h4>
       <h4 class="pb-4 mb-4 text-center" v-else>You will always have control over your machines regardless of platform.</h4>