diff --git a/distribusi/distribusi/page_template.py b/distribusi/distribusi/page_template.py
index 5bf7ec0..a94a90a 100644
--- a/distribusi/distribusi/page_template.py
+++ b/distribusi/distribusi/page_template.py
@@ -8,8 +8,8 @@ html_head = """
     <meta http-equiv="content-type" content="text/html; charset=utf-8"> 
     <meta name="viewport" content="width=device-width, initial-scale=1">
     %s
-    <link rel="stylesheet" type="text/css" href="./style.css" />
     <link rel="stylesheet" type="text/css" href="/src/style/common.css" />
+    <link rel="stylesheet" type="text/css" href="./style.css" />
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
     <script src="/src/scripts/mobileScroll.js"></script>
     <script src="./main.js"></script>
diff --git a/test_data/src/style/common.css b/test_data/src/style/common.css
index 672d64e..44bbd3c 100644
--- a/test_data/src/style/common.css
+++ b/test_data/src/style/common.css
@@ -70,7 +70,7 @@
       @keyframes rainbowLinkText {0% {color: #ff2a2a;} 15% {color: #ff7a2a;} 30% {color: #ffc52a; }45% {color: #43ff2a; }60% {color: #2a89ff; }75% {color: #202082; }90% {color: #6b2aff; } 100% {color: #e82aff; }}
 
 
-      figure img { width: 450px; }
+      figure img { max-width: 450px; }
 
       /***** mobile *****/