diff --git a/examples/basics/static/css/custom.css b/examples/basics/static/css/custom.css
index 3c46aa2828..5980d75957 100644
--- a/examples/basics/static/css/custom.css
+++ b/examples/basics/static/css/custom.css
@@ -1 +1,5 @@
-/* your custom css */
\ No newline at end of file
+/* your custom css */
+
+* {
+	border: 1px solid red;
+}
\ No newline at end of file
diff --git a/lib/core/Head.js b/lib/core/Head.js
index a684d4ae58..9135b29bd7 100644
--- a/lib/core/Head.js
+++ b/lib/core/Head.js
@@ -39,15 +39,15 @@ class Head extends React.Component {
             rel="stylesheet"
             href="https://cdn.jsdelivr.net/docsearch.js/1/docsearch.min.css"
           />}
+        <link
+          rel="stylesheet"
+          href={this.props.config.baseUrl + "css/main.css"}
+        />
         {this.props.config.customCssFileName &&
           <link
             rel="stylesheet"
             href={this.props.config.baseUrl + "css/" + this.props.config.customCssFileName}
           />}
-        <link
-          rel="stylesheet"
-          href={this.props.config.baseUrl + "css/main.css"}
-        />
         <script async defer src="https://buttons.github.io/buttons.js" />
       </head>
     );