         // thus requiring the ranks to be spaced out.
         let targetedDiameter = width / CGFloat(ranks.count)
         
-        guard targetedDiameter <= height else {
+        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.

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

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]
    
