Fix font size.

packages/design-system/src/components/pillToggle/index.tsx

@@ -24,13 +24,15 @@ interface PillToggleProps {
   secondOption: string;
   pillToggle: string;
   setPillToggle: (value: string) => void;
+  eeAnimatedTab: boolean;
 }
 
 const PillToggle = ({
   firstOption,
   secondOption,
   pillToggle,
   setPillToggle,
+  eeAnimatedTab,
 }: PillToggleProps) => {
   return (
     <div className="w-80 h-8 rounded-full border border-gray-300 dark:border-quartz text-sm">
@@ -40,6 +42,7 @@ const PillToggle = ({
           {
             'bg-gray-200 dark:bg-gray-500 ': pillToggle === firstOption,
             'bg-transparent': pillToggle !== firstOption,
+            'text-xs': eeAnimatedTab,
           }
         )}
         onClick={() => setPillToggle(firstOption)}
@@ -52,6 +55,7 @@ const PillToggle = ({
           {
             'bg-gray-200 dark:bg-gray-500': pillToggle === secondOption,
             'bg-transparent': pillToggle !== secondOption,
+            'text-xs': eeAnimatedTab,
           }
         )}
         onClick={() => setPillToggle(secondOption)}

packages/extension/src/view/devtools/components/privateAdvertising/protectedAudience/bids/panel.tsx

@@ -41,9 +41,16 @@ interface PanelProps {
   noBids: NoBidsType;
   storage?: string[];
   setStorage?: (data: string, index: number) => void;
+  eeAnimatedTab?: boolean;
 }
 
-const Panel = ({ receivedBids, noBids, storage, setStorage }: PanelProps) => {
+const Panel = ({
+  receivedBids,
+  noBids,
+  storage,
+  setStorage,
+  eeAnimatedTab = false,
+}: PanelProps) => {
   const [selectedRow, setSelectedRow] = useState<
     ReceivedBids | NoBidsType[keyof NoBidsType] | null
   >(null);
@@ -67,6 +74,7 @@ const Panel = ({ receivedBids, noBids, storage, setStorage }: PanelProps) => {
           secondOption={PillToggleOptions.NoBids}
           pillToggle={pillToggle}
           setPillToggle={setPillToggle}
+          eeAnimatedTab={eeAnimatedTab}
         />
       </div>
       <div className="flex-1 overflow-auto text-outer-space-crayola">

packages/extension/src/view/devtools/components/privateAdvertising/protectedAudience/explorableExplanation/index.tsx

@@ -229,6 +229,7 @@ const ExplorableExplanation = () => {
               )
               .flat(),
             noBids: {},
+            eeAnimatedTab: true,
           },
         },
       },