diff --git a/src/components/Header.tsx b/src/components/Header.tsx
index 8b7bf91..5495b8f 100644
--- a/src/components/Header.tsx
+++ b/src/components/Header.tsx
@@ -11,14 +11,14 @@ function Header() {
   return (
     <nav className="navbar mb-3 bg-neutral text-neutral-content">
       <div className="flex-1">
-        <Link to="/" className="btn-ghost btn text-xl normal-case">
+        <Link to="/" className="btn btn-ghost text-xl normal-case">
           Microblogging
         </Link>
       </div>
       <div className="flex-none justify-between">
         <button
           type="button"
-          className="btn-circle btn mr-6"
+          className="btn btn-circle mr-6"
           data-toggle-theme="forest,winter"
           data-act-class="ACTIVECLASS"
           aria-label="Dark Theme"
@@ -39,7 +39,7 @@ function Header() {
           </svg>
         </button>
         <form className="form-inline navbar-end">
-          <Link to="/posts/new" className="btn-primary btn-outline btn">
+          <Link to="/posts/new" className="btn btn-outline btn-primary">
             New Post
           </Link>
         </form>
diff --git a/src/components/header.tsx b/src/components/header.tsx
index 8b7bf91..5495b8f 100644
--- a/src/components/header.tsx
+++ b/src/components/header.tsx
@@ -11,14 +11,14 @@ function Header() {
   return (
     <nav className="navbar mb-3 bg-neutral text-neutral-content">
       <div className="flex-1">
-        <Link to="/" className="btn-ghost btn text-xl normal-case">
+        <Link to="/" className="btn btn-ghost text-xl normal-case">
           Microblogging
         </Link>
       </div>
       <div className="flex-none justify-between">
         <button
           type="button"
-          className="btn-circle btn mr-6"
+          className="btn btn-circle mr-6"
           data-toggle-theme="forest,winter"
           data-act-class="ACTIVECLASS"
           aria-label="Dark Theme"
@@ -39,7 +39,7 @@ function Header() {
           </svg>
         </button>
         <form className="form-inline navbar-end">
-          <Link to="/posts/new" className="btn-primary btn-outline btn">
+          <Link to="/posts/new" className="btn btn-outline btn-primary">
             New Post
           </Link>
         </form>
diff --git a/src/components/post-preview.tsx b/src/components/post-preview.tsx
index 452b953..45d3f5b 100644
--- a/src/components/post-preview.tsx
+++ b/src/components/post-preview.tsx
@@ -1,4 +1,3 @@
-/* eslint-disable max-len */
 import { useState, useEffect } from 'react';
 import { Link } from 'react-router-dom';
 
diff --git a/src/pages/posts/[postId]/edit.tsx b/src/pages/posts/[postId]/edit.tsx
index 512c1e6..b822c22 100644
--- a/src/pages/posts/[postId]/edit.tsx
+++ b/src/pages/posts/[postId]/edit.tsx
@@ -134,7 +134,7 @@ export function EditPost({ post }: IBlogPostProps) {
               <input
                 title="Update post"
                 type="submit"
-                className="btn-primary btn-outline btn mt-5"
+                className="btn btn-outline btn-primary mt-5"
                 value="Update it"
               />
             </div>
diff --git a/src/pages/posts/new.tsx b/src/pages/posts/new.tsx
index adf1314..821c3f8 100644
--- a/src/pages/posts/new.tsx
+++ b/src/pages/posts/new.tsx
@@ -133,7 +133,7 @@ function AddPost() {
               <button
                 title="Add new post"
                 type="submit"
-                className="btn-primary btn-outline btn mt-5"
+                className="btn btn-outline btn-primary mt-5"
               >
                 <i className="glyphicon glyphicon-ok" />
                 Post it