diff --git a/src/app/(public)/_components/button.tsx b/src/app/(public)/_components/button.tsx
index 4547cf7..1d7012a 100644
--- a/src/app/(public)/_components/button.tsx
+++ b/src/app/(public)/_components/button.tsx
@@ -14,7 +14,7 @@ export function Button({
     <div className="relative inline-block group w-fit">
       <button
         className={cn(
-          'bg-hacktoberfest-black m-1 hover:bg-hacktoberfest-dark-green btn btn-md md:btn-lg text-hacktoberfest-light rounded-2xl leading-none border-none',
+          'bg-hacktoberfest-black hover:bg-hacktoberfest-dark-green btn btn-lg text-hacktoberfest-light rounded-2xl leading-none border-none h-auto p-2',
           className
         )}
         {...props}
diff --git a/src/app/(public)/_components/header.tsx b/src/app/(public)/_components/header.tsx
index 8bbf09c..33a7317 100644
--- a/src/app/(public)/_components/header.tsx
+++ b/src/app/(public)/_components/header.tsx
@@ -13,7 +13,7 @@ export async function Header() {
   return (
     <header className="border-b-[0.5px] border-dashed border-b-hacktoberfest-light-green mb-5">
       <div className="container px-4 py-2 mx-auto">
-        <div className="justify-between shadow-lg navbar">
+        <div className="justify-between shadow-lg navbar gap-2">
           <Link href="/">
             <img
               src="/horizontal_beige.png"
@@ -26,13 +26,13 @@ export async function Header() {
 
           <div className="flex gap-2 lg:ml-40">
             <form action={session ? signOutAction : signInAction}>
-              <button className="text-white border-white btn btn-ghost border-1 ms-4">
+              <button className="text-white border-white btn btn-ghost border-1 text-nowrap ms-4">
                 {session && session.user ? 'Sign Out' : 'Sign In'}
               </button>
             </form>
             <Link
               href="/contributors"
-              className="btn btn-square btn-ghost umami--click--contributors-button"
+              className="btn btn-square btn-ghost umami--click--contributors-button hidden md:block"
             >
               <BsPeopleFill size="1.5rem" color="white" title="Contributors" />
             </Link>
diff --git a/src/app/(public)/repos/[language]/_components/repo-card.tsx b/src/app/(public)/repos/[language]/_components/repo-card.tsx
index 1af332b..15d9a62 100644
--- a/src/app/(public)/repos/[language]/_components/repo-card.tsx
+++ b/src/app/(public)/repos/[language]/_components/repo-card.tsx
@@ -32,7 +32,7 @@ export function RepoCard({ repo }: RepoCardProps) {
   const hasMoreTopics = sortedTopics?.length > MAX_TOPICS_DISPLAY;
 
   return (
-    <section className="transition duration-300 shadow-sm card bg-hacktoberfest-black ring-1 ring-hacktoberfest-light-pink hover:scale-105 hover:shadow-2xl hover:shadow-hacktoberfest-deep-pink h-125">
+    <section className="transition duration-300 shadow-sm card bg-hacktoberfest-black ring-1 ring-hacktoberfest-light-pink hover:scale-105 hover:shadow-2xl hover:shadow-hacktoberfest-deep-pink">
       <div className="relative p-6 card-body">
         <div className="flex-1">
           <div className="flex items-center gap-2">