diff --git a/src/components/TabRow.tsx b/src/components/TabRow.tsx
index 107d377..f0ac090 100644
--- a/src/components/TabRow.tsx
+++ b/src/components/TabRow.tsx
@@ -17,11 +17,11 @@ export default function TabRow({
 }) {
   const { url, title } = data;
   return (
-    <div key={url} className="gap-1 p-3 hover:cursor-pointer hover:bg-slate-200">
-      <div className="flex flex-row items-center h-[80px] gap-x-4">
+    <div key={url} className="gap-1 p-2 hover:cursor-pointer hover:bg-slate-200">
+      <div className="flex flex-row items-center h-[52px] gap-x-4">
         <img src={getIcon(url)} alt="tab icon" className="w-8 h-8" />
         <div
-          className="flex flex-wrap items-center w-full h-full overflow-hidden text-sm text-wrap text-start"
+          className="flex flex-wrap items-center w-full h-full overflow-hidden text-xs"
           onClick={onClick}
         >
           {title}
diff --git a/src/pages/popup/PopupTabs.tsx b/src/pages/popup/PopupTabs.tsx
index 1f368f6..eb130b8 100644
--- a/src/pages/popup/PopupTabs.tsx
+++ b/src/pages/popup/PopupTabs.tsx
@@ -148,7 +148,7 @@ export default function PopupTabs(): JSX.Element {
       />
       <div className="flex flex-col mt-4">
         {transitions((style, item, t, index) => (
-          <animated.li style={style} key={item.url} className="flex items-center justify-between p-2 mb-2 border border-gray-300 rounded">
+          <animated.li style={style} key={item.url} className="flex items-center justify-between mb-2 border border-gray-300 rounded">
             <TabRow
               key={item.url}
               data={item}