 class CircularLevelRankingIndicatorView: UIView {
 
     let ranks: [CircularLevelRank]
+    
+    /**
+     Represents how much larger the active CircularLevelRankView
+     will be than the inactive ones.
+     */
+    let activeRankSizeMultiplier: CGFloat = 1.3
     
     private let rankViews: [CircularLevelRankView]
     

                    make.right.equalToSuperview()
                }
            }
            
        }
        
        super.updateConstraints()

        // thus requiring the ranks to be spaced out.
        let targetedDiameter = width / CGFloat(ranks.count)
        
        guard (targetedDiameter * self.activeRankSizeMultiplier) <= height else {
            print("CircularLevenRankingIndicatorView: View is too short to support circular level ranks.\nNot drawing any ranks")
            self.rankViews.forEach { $0.snp_removeConstraints() }
            super.updateConstraints()
            return
        }
        
        var inactiveRankViews = [CircularLevelRankView]()
        var activeRankView: CircularLevelRankView? = nil
        
        for (index, rankView) in self.rankViews.enumerate() {
            // If it's the first one, anchor it to the left side.
