diff --git a/packages/webview-common/src/components/tablist.tsx b/packages/webview-common/src/components/tablist.tsx
index 5bf7dde5..1617288e 100644
--- a/packages/webview-common/src/components/tablist.tsx
+++ b/packages/webview-common/src/components/tablist.tsx
@@ -15,7 +15,7 @@ export const Tablist = ({ activeIndex, onChange, items }: TablistProps) => {
   };
 
   return (
-    <div role="tablist" className="inline-flex text-gray-600 dark:text-gray-400">
+    <div role="tablist" className="flex flex-wrap justify-center text-gray-600 dark:text-gray-400">
       {items.map((item, index) => (
         <button
           key={item.name}