diff --git a/src/pagesView/components/Header/Header.tsx b/src/pagesView/components/Header/Header.tsx
index ca9ab459..f7b52b2a 100644
--- a/src/pagesView/components/Header/Header.tsx
+++ b/src/pagesView/components/Header/Header.tsx
@@ -54,7 +54,7 @@ export const Header: React.FunctionComponent<IHeaderProps> = ({totalPages, folde
       {
         view === "contents" && (
           <>
-            <div className={`px-4 my-2 flex items-center justify-between`}>
+            <div className={`px-4 mt-3 mb-2 flex items-center justify-between`}>
               <Searchbox />
 
               <div className={`flex items-center space-x-4`}>
diff --git a/webpack.config.js b/webpack.config.js
index bfd5fdd3..ee1b632f 100644
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -4,7 +4,7 @@
 
 const path = require('path');
 
-module.exports = [
+const config = [
   {
     name: 'extension',
     target: 'node',
@@ -96,4 +96,12 @@ module.exports = [
       maxAssetSize: 400000
     }
   }
-];
\ No newline at end of file
+];
+
+module.exports = (env, argv) => {
+  for (const configItem of config) {
+    configItem.mode = argv.mode;
+  }
+
+  return config;
+};
\ No newline at end of file