diff --git a/gallery.html b/gallery.html
index 3897c98..a837924 100644
--- a/gallery.html
+++ b/gallery.html
@@ -4,11 +4,12 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Gallery</title>
+    <script src="https://cdn.tailwindcss.com"></script>
 </head>
-<body style="box-sizing: border-box;">
+<body class="box-border">
     <!-- Navigation menu untuk berpindah antar halaman website, semua halaman menggunakan navigation yang sama -->
-    <header style="margin: 1em auto; width: min(1500px,100%);">
-        <nav style="margin: 1em auto 3em auto; width: min(1500px,100%);">
+    <header class="header" >
+        <nav class="nav">
             <ul style="display: flex; justify-content: flex-end; align-items: center; list-style-type: none;gap: 2em; padding: 0%;">
                 <li style="margin-right: auto;"><a href="index.html" target="_self" title="Home">Home</a></li>
                 <li><a href="about.html" target="_self" title="About me">About</a></li>
diff --git a/hobbies.html b/hobbies.html
index a0f6f43..1d9f274 100644
--- a/hobbies.html
+++ b/hobbies.html
@@ -12,7 +12,7 @@
     <header class="header">
         <nav class="nav">
             <ul class="nav-list">
-                <li >Home</a></li>
+                <li><a href="index.html" target="_self" title="Home">Home</a></li>
                 <li><a href="about.html" target="_self" title="About me">About</a></li>
                 <li><a href="hobbies.html" target="_self" title="Hobbies">Hobbies</a></li>
                 <li><a href="gallery.html" target="_self" title="Gallery">Gallery</a></li>