make sure that links and images won't break the layout

src/sass/components/_icons.scss

@@ -768,6 +768,7 @@ $icon-danger-hover-color:            darken($brand-danger, 10%);
             @extend %fa-icon;
 
             &:before {
+                display: inline;
                 margin-right: 3px;
                 font-size: 10px;
                 content: $fa-var-external-link;

src/sass/components/_wiki.scss

@@ -128,6 +128,12 @@ div.wiki {
         }
     }
 
+    a {
+        // scss-lint:disable DuplicateProperty
+        word-break: break-all;
+        word-break: break-word;
+    }
+
     p,
     ul,
     ol {
@@ -182,7 +188,6 @@ div.wiki {
     }
 
     code {
-        // scss-lint:disable DuplicateProperty
         padding: .2em .33em;
         border-radius: $border-radius-base;
         background-color: rgba(#000, .04);
@@ -190,7 +195,6 @@ div.wiki {
     }
 
     pre {
-        // scss-lint:disable DuplicateProperty
         width: auto;
         margin-bottom: 1.15em;
         padding: 4px 8px;
@@ -210,6 +214,11 @@ div.wiki {
         }
     }
 
+    img {
+        max-width: 100%;
+        vertical-align: middle;
+    }
+
     .toc {
         margin-bottom: $line-height-computed;
         margin-left: 0;
@@ -277,11 +286,6 @@ div.wiki {
                 }
             }
         }
-
-        img {
-            max-width: 100%;
-            vertical-align: middle;
-        }
     }
 
     .toc-active-prev + .toc {