diff --git a/package.json b/package.json
index 41a2dfee..fb8fccc1 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@nih-sparc/sparc-design-system-components",
-  "version": "0.27.3",
+  "version": "0.27.4",
   "private": false,
   "scripts": {
     "serve": "vue-cli-service serve",
diff --git a/src/components/ContentTabCard/src/ContentTabCard.vue b/src/components/ContentTabCard/src/ContentTabCard.vue
index e8c79e55..c2aa6c1e 100644
--- a/src/components/ContentTabCard/src/ContentTabCard.vue
+++ b/src/components/ContentTabCard/src/ContentTabCard.vue
@@ -6,12 +6,12 @@
         :is="linkComponent"
         :to="{ query: queryParams(tab.id) }"
         @click.native="$emit('tab-changed', tab)"
-        :class="[{ active: tab.id === activeTabId }, tabStyle, tabClass, 'tab-link p-8']"
+        :class="[{ active: tab.id === activeTabId }, tabStyle, tabClass, 'tab-link p-16']"
       >
         {{ tab.label }}
       </component>
       <a v-else-if="tab.href"
-        :class="[{ active: tab.id === activeTabId }, tabStyle, tabClass, 'tab-link p-8']"
+        :class="[{ active: tab.id === activeTabId }, tabStyle, tabClass, 'tab-link p-16']"
         :href="tab.href"
         target="_blank"    
       >
@@ -19,13 +19,13 @@
       </a>
       <a
         v-else
-        :class="[{ active: tab.id === activeTabId }, tabStyle, tabClass, 'tab-link p-8']"
+        :class="[{ active: tab.id === activeTabId }, tabStyle, tabClass, 'tab-link p-16']"
         @click.prevent="$emit('tab-changed', tab)"
       >
         {{ tab.label }}
       </a>
     </span>
-    <div class="content mt-8 p-16">
+    <div class="content mt-16 p-16">
       <slot />
     </div>
   </div>