Update tailwind classes to fix alignments (#424)

Njong392 · Mar 10, 2024 · d77efe6 · d77efe6
1 parent 4e74217
commit d77efe6
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/src/components/form.jsx b/src/components/form.jsx
@@ -150,15 +150,15 @@ const Form = () => {
           </form>
 
           {data && (
-            <div className="bg-ash shadow-lg border-2 border-deeppurple py-2 pl-2 rounded-lg mt-4">
+            <div className="bg-ash shadow-lg border-2 border-deeppurple py-2 px-2 rounded-lg mt-4">
               <div className="mt-1 font-bold text-xl ml-2 text-deeppurple">
                 <p role="region" aria-live="assertive">
                   {data.definition}
                   <button
                     onClick={(e) => copyToClipboard(e)}
                     className="group relative inline-block float-right w-12 h-7 p-0 border-none focus:outline-none transition-transform duration-100 ease-out">
                     {isCopied ? (
-                      <span className="absolute inset-0 flex items-center justify-center font-bold text-sm px-1 -ml-5 -mt-3">
+                      <span className="absolute inset-0 flex items-center justify-center font-bold text-sm px-1 -ml-5 h-full">
                         Copied
                       </span>
                     ) : (