diff --git a/packages/elements/src/components/ino-tab-bar/ino-tab-bar.tsx b/packages/elements/src/components/ino-tab-bar/ino-tab-bar.tsx
index 217b9c5a2d..8531cf7b2e 100644
--- a/packages/elements/src/components/ino-tab-bar/ino-tab-bar.tsx
+++ b/packages/elements/src/components/ino-tab-bar/ino-tab-bar.tsx
@@ -50,9 +50,10 @@ export class TabBar implements ComponentInterface {
   }
 
   private updateActiveTabState(activeTabIndex: number) {
-    const tabs: NodeListOf<HTMLInoTabElement> = this.el.querySelectorAll('ino-tab');
+    const tabs: NodeListOf<HTMLInoTabElement> =
+      this.el.querySelectorAll('ino-tab');
     tabs.forEach((tab, index) => {
-      tab.a11ySelected = (index === activeTabIndex);
+      tab.a11ySelected = index === activeTabIndex;
     });
   }
 
diff --git a/packages/storybook/src/stories/ino-tab-bar/ino-tab-bar.stories.ts b/packages/storybook/src/stories/ino-tab-bar/ino-tab-bar.stories.ts
index 63bfb089cb..b72005af1a 100644
--- a/packages/storybook/src/stories/ino-tab-bar/ino-tab-bar.stories.ts
+++ b/packages/storybook/src/stories/ino-tab-bar/ino-tab-bar.stories.ts
@@ -6,14 +6,14 @@ import { html } from 'lit-html';
 import { decorateStoryWithClass } from '../utils';
 import './ino-tab-bar.scss';
 
-const eventHandler = e => e.target.setAttribute('active-tab', e.detail);
+const eventHandler = (e) => e.target.setAttribute('active-tab', e.detail);
 
 export default {
   title: `Structure/ino-tab-bar`,
   component: 'ino-tab-bar',
   decorators: [
-    story => decorateStoryWithClass(story, 'story-tab-bar'),
-    story => {
+    (story) => decorateStoryWithClass(story, 'story-tab-bar'),
+    (story) => {
       useEffect(() => {
         const tabBars = document.querySelectorAll('ino-tab-bar');
         tabBars.forEach((t) =>
@@ -43,7 +43,7 @@ export default {
 
 const template = new TemplateGenerator<Components.InoTabBar>(
   'ino-tab-bar',
-  args => html`
+  (args) => html`
     <ino-tab-bar
       id="customizable-tabbar"
       active-tab="${args.activeTab}"
@@ -66,7 +66,7 @@ const template = new TemplateGenerator<Components.InoTabBar>(
         a11y-controls="download-panel"
       ></ino-tab>
     </ino-tab-bar>
-  `
+  `,
 );
 
 export const Playground = template.generatePlaygroundStory();
diff --git a/packages/storybook/src/stories/ino-tab/ino-tab.stories.ts b/packages/storybook/src/stories/ino-tab/ino-tab.stories.ts
index c39032ed24..094bd17740 100644
--- a/packages/storybook/src/stories/ino-tab/ino-tab.stories.ts
+++ b/packages/storybook/src/stories/ino-tab/ino-tab.stories.ts
@@ -7,7 +7,7 @@ import { decorateStoryWithClass, withIconControl } from '../utils';
 export default {
   title: `Structure/ino-tab`,
   component: 'ino-tab',
-  decorators: [story => decorateStoryWithClass(story)],
+  decorators: [(story) => decorateStoryWithClass(story)],
   args: {
     indicatorContentWidth: false,
     stacked: false,
@@ -18,7 +18,7 @@ export default {
 
 const template = new TemplateGenerator<Components.InoTab>(
   'ino-tab',
-  args => html`
+  (args) => html`
     <ino-tab
       icon="${args.icon}"
       indicator-content-width="${args.indicatorContentWidth}"
@@ -27,7 +27,7 @@ const template = new TemplateGenerator<Components.InoTab>(
     >
       Label
     </ino-tab>
-  `
+  `,
 );
 
 export const Playground = template.generatePlaygroundStory();
@@ -36,5 +36,5 @@ withIconControl(Playground, 'icon', 'info');
 export const Stacked = template.generateStoryForProp('stacked', true);
 export const IndicatorContentWidth = template.generateStoryForProp(
   'indicatorContentWidth',
-  true
+  true,
 );