diff --git a/packages/tabs/src/styles/vaadin-tab-base-styles.js b/packages/tabs/src/styles/vaadin-tab-base-styles.js
index 11fef7cd16..f7d793aa53 100644
--- a/packages/tabs/src/styles/vaadin-tab-base-styles.js
+++ b/packages/tabs/src/styles/vaadin-tab-base-styles.js
@@ -21,6 +21,7 @@ export const tabStyles = css`
     color: var(--vaadin-tab-text-color, var(--vaadin-text-color-secondary));
     background: var(--vaadin-tab-background, transparent);
     border-radius: var(--vaadin-tab-border-radius, var(--vaadin-radius-m));
+    border: var(--vaadin-tab-border-width, 0) solid var(--vaadin-tab-border-color, var(--vaadin-border-color-secondary));
     -webkit-tap-highlight-color: transparent;
     -webkit-user-select: none;
     user-select: none;
diff --git a/packages/tabs/src/styles/vaadin-tabs-base-styles.js b/packages/tabs/src/styles/vaadin-tabs-base-styles.js
index 4791367ff2..ac7cdbb3a1 100644
--- a/packages/tabs/src/styles/vaadin-tabs-base-styles.js
+++ b/packages/tabs/src/styles/vaadin-tabs-base-styles.js
@@ -12,6 +12,12 @@ export const tabsStyles = css`
     max-width: 100%;
     max-height: 100%;
     position: relative;
+    box-sizing: border-box;
+    padding: var(--vaadin-tabs-padding);
+    background: var(--vaadin-tabs-background);
+    border-radius: var(--vaadin-tabs-border-radius);
+    border: var(--vaadin-tabs-border-width, 0) solid
+      var(--vaadin-tabs-border-color, var(--vaadin-border-color-secondary));
   }
 
   :host([hidden]) {