diff --git a/packages/docusaurus-theme-classic/src/theme/BlogPostAuthors/index.tsx b/packages/docusaurus-theme-classic/src/theme/BlogPostAuthors/index.tsx
index 0b091c1416d1..ee488ba1ef84 100644
--- a/packages/docusaurus-theme-classic/src/theme/BlogPostAuthors/index.tsx
+++ b/packages/docusaurus-theme-classic/src/theme/BlogPostAuthors/index.tsx
@@ -10,26 +10,7 @@ import clsx from 'clsx';
 import type {Props} from '@theme/BlogPostAuthors';
 import BlogPostAuthor from '@theme/BlogPostAuthor';
 
-function getAuthorsPerLine(authorsCount: number): 1 | 2 {
-  switch (authorsCount) {
-    case 0:
-    case 1:
-      return 1;
-    default:
-      return 2;
-  }
-}
-
-function getColClassName(authorsCount: number): string {
-  switch (getAuthorsPerLine(authorsCount)) {
-    case 1:
-      return 'col--12';
-    case 2:
-      return 'col--6';
-    default:
-      throw Error('unexpected');
-  }
-}
+import styles from './styles.module.css';
 
 // Component responsible for the authors layout
 export default function BlogPostAuthors({authors, assets}: Props): JSX.Element {
@@ -40,7 +21,7 @@ export default function BlogPostAuthors({authors, assets}: Props): JSX.Element {
   return (
     <div className="row margin-top--md margin-bottom--sm">
       {authors.map((author, idx) => (
-        <div className={clsx('col', getColClassName(authorsCount))} key={idx}>
+        <div className={clsx('col col--6', styles.authorCol)} key={idx}>
           <BlogPostAuthor
             author={{
               ...author,
diff --git a/packages/docusaurus-theme-classic/src/theme/BlogPostAuthors/styles.module.css b/packages/docusaurus-theme-classic/src/theme/BlogPostAuthors/styles.module.css
new file mode 100644
index 000000000000..45c1f6fc5f08
--- /dev/null
+++ b/packages/docusaurus-theme-classic/src/theme/BlogPostAuthors/styles.module.css
@@ -0,0 +1,11 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+.authorCol {
+  max-width: inherit !important;
+  flex-grow: 1 !important;
+}