diff --git a/tensorboard/webapp/metrics/views/main_view/card_groups_container.ts b/tensorboard/webapp/metrics/views/main_view/card_groups_container.ts
index bcc321d53d..b77b45b1ad 100644
--- a/tensorboard/webapp/metrics/views/main_view/card_groups_container.ts
+++ b/tensorboard/webapp/metrics/views/main_view/card_groups_container.ts
@@ -37,18 +37,18 @@ export class CardGroupsContainer {
   @Input() cardObserver!: CardObserver;
 
   constructor(private readonly store: Store<State>) {
-      this.cardGroups$ = this.store
-          .select(getSortedRenderableCardIdsWithMetadata)
-          .pipe(
-              combineLatestWith(this.store.select(getMetricsFilteredPluginTypes)),
-              map(([cardList, filteredPlugins]) => {
-                  if (!filteredPlugins.size) return cardList;
-                  return cardList.filter((card) => {
-                      return filteredPlugins.has(card.plugin);
-                  });
-              }),
-              map((cardList) => groupCardIdWithMetdata(cardList))
-          );
+    this.cardGroups$ = this.store
+      .select(getSortedRenderableCardIdsWithMetadata)
+      .pipe(
+        combineLatestWith(this.store.select(getMetricsFilteredPluginTypes)),
+        map(([cardList, filteredPlugins]) => {
+          if (!filteredPlugins.size) return cardList;
+          return cardList.filter((card) => {
+            return filteredPlugins.has(card.plugin);
+          });
+        }),
+        map((cardList) => groupCardIdWithMetdata(cardList))
+      );
   }
 
   readonly cardGroups$: Observable<CardGroup[]>;
diff --git a/tensorboard/webapp/metrics/views/main_view/empty_tag_match_message_container.ts b/tensorboard/webapp/metrics/views/main_view/empty_tag_match_message_container.ts
index 2f651c6a8d..70d3bc7e2a 100644
--- a/tensorboard/webapp/metrics/views/main_view/empty_tag_match_message_container.ts
+++ b/tensorboard/webapp/metrics/views/main_view/empty_tag_match_message_container.ts
@@ -44,7 +44,7 @@ export class EmptyTagMatchMessageContainer {
       .pipe(
         map((cardList) => {
           return new Set(cardList.map(({tag}) => tag)).size;
-        }),
+        })
       );
   }
 
diff --git a/tensorboard/webapp/metrics/views/main_view/main_view_container.ts b/tensorboard/webapp/metrics/views/main_view/main_view_container.ts
index 578efdb3a6..41008f36bc 100644
--- a/tensorboard/webapp/metrics/views/main_view/main_view_container.ts
+++ b/tensorboard/webapp/metrics/views/main_view/main_view_container.ts
@@ -65,15 +65,15 @@ export class MainViewContainer {
             loadState.state === DataLoadState.LOADING &&
             loadState.lastLoadedTimeInMs === null
           );
-        }),
+        })
       );
     this.showFilteredView$ = this.store.select(getMetricsTagFilter).pipe(
       map((filter) => {
         return filter.length > 0;
-      }),
+      })
     );
     this.filteredPluginTypes$ = this.store.select(
-      getMetricsFilteredPluginTypes,
+      getMetricsFilteredPluginTypes
     );
     this.isSlideoutMenuOpen$ = this.store.select(isMetricsSlideoutMenuOpen);
   }