Fixed scrolling of alternate tabs implementation

src/assets/javascripts/components/content/tabs/index.ts

@@ -52,7 +52,7 @@ export interface ContentTabs {
 export function watchContentTabs(
   el: HTMLElement
 ): Observable<ContentTabs> {
-  if (!el.classList.contains(".tabbed-alternate"))
+  if (!el.classList.contains("tabbed-alternate"))
     return NEVER
   else
     return merge(...getElements(":scope > input", el)
@@ -77,7 +77,11 @@ export function mountContentTabs(
 ): Observable<Component<ContentTabs>> {
   const internal$ = new Subject<ContentTabs>()
   internal$.subscribe(({ active }) => {
-    active.scrollIntoView({ behavior: "smooth",  block: "nearest" })
+    active.scrollIntoView({
+      behavior: "smooth",
+      block: "nearest",
+      inline: "start"
+    })
   })
 
   /* Create and return component */

src/assets/stylesheets/main/extensions/pymdownx/_tabbed.scss

@@ -176,6 +176,7 @@
     // Tab label
     > label {
       z-index: 1;
+      flex-shrink: 0;
       width: auto;
       padding: px2em(12px, 12.8px) 1.25em px2em(10px, 12.8px);
       color: var(--md-default-fg-color--light);