thとtdのレイアウト幅がずれてしまいます。

Question

実現したいこと

テーブルのth幅にtd幅を合わせたいです。

前提

テーブルのth幅にtdの幅を合わせようとしているのですが、
td幅をいくら調整しても画像のようになってしまいます。

該当のソースコード

            <table className="sticky">
              <thead className="border-b">
                <tr>
                  <th className="w-[41px]">状態</th>
                  <th className="w-[77px]">地点コード</th>
                  <th className="w-[256px]">地点名</th>
                </tr>
              </thead>
              <tbody>
                <tr>
                  <td>状態</td>
                  <td>地点コード</td>
                  <td>地点名</td>
                </tr>
              </tbody>
            </table>

            <Button className="border-interaction text-interaction">
              ＋ ルートを追加
            </Button>

試したこと

fixedを試してみたり、幅指定をtdに対して行ってみたりしましたが、
実現方法が分かりませんでした。

補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。

Comments

[int32_t]

> thとtdのレイアウト幅がずれて

本当に幅がずれていますか? ブラウザの開発者ツールで実際の幅を比べてみましたか?

[uni_chi_]

ご回答ありがとうございます。
仰る通り幅は合っていて、テキストの位置がずれていただけでした。

[uni_chi_]

自分で修正でき、
ベストアンサーに選びたいので同じ内容を回答欄に投稿いただけますでしょうか？

[int32_t]

では、td と th でどのようにスタイルが異なるか開発者ツールで調べてみるといいかと思います。

[int32_t]

おっと，コメント入れ違いでした。
私はとくに回答していないので、自己回答を書いて自己解決マークを付けるといいと思います。

Answer 1

テキストの位置がずれていただけでした。